::selection {
	color: white;
	background: hsl(37 91% 60% / 1);
}

p {
	font-family: unset;
	font-size: unset;
}
  
#vote_section{ background: #f0f0f0; padding: 15px; margin-bottom: 20px;  }

.grid-content {
	display: grid;
	grid-template-columns: 1.3fr 0.7fr;
	grid-template-rows: 1fr;
	gap: 3em 3em;
	grid-template-areas:
	". .";
}
#home_content .grid-top.right { grid-area: 1 / 1 / 2 / 3; }
#home_content .grid-top.left { grid-area: 1 / 1 / 2 / 2; }

.avatar_story img{ width: 65px; height:65px   }
.calltoaction{ padding: 30px; color: #000; background: #FACA5C; -moz-border-radius:10px; border-radius: 10px; -webkit-border-radius:10px; margin-bottom: 30px;}

.winner {
    background: #fcf7e4;
    background-image: url(/images/2fondo-ganador.png);
    background-size: cover;
    background-repeat: no-repeat;
    border: 0px;
    padding: 20px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    margin-bottom: 20px;
}
.winner h2 {
	text-transform: uppercase;
    font-size: 1.1em;
    color: #4134ec;
}
.winner h2 .icon {
    font-size: 1.5em;
    background-image: url(/images/icono-ganador.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    padding: 0.8em;
    margin-right: 0.5em;
}
.winner h3{margin-top:0.8em; font-size: 1.8em; font-family: "EB Garamond"; font-weight: normal; color: #4035ec !important;}
.winner .winner-user-info {
	color: #9397f9;
	font-family: system-ui;
    font-weight: 500;
}
.winner .ludus_submit.tour {
	background-color: #fdb926;
	font-family: system-ui;
	font-weight: 500;
}
.winner .winner-user-info + div > a {
	text-decoration: none !important;
}


.ranking{ -moz-border-radius:0.5em; border-radius: 0.5em; -webkit-border-radius:0.5em; user-select: none; }

.ranking h2{ font-size: 1.5em;font-family: Arial;}
.ranking ul{ font-size: 0.9em;margin-top: 20px;}
.ranking ul li{ padding:1em; display: grid; grid-template-columns: 1fr 1fr 5fr 1fr; place-content: center; align-items: center; }
.ranking ul li div { display: flex; align-items: center; }
.ranking ul li:nth-child(odd) { background: #F3F4FE; -moz-border-radius:2em; -webkit-border-radius: 2em; border-radius:2em; }
.ranking ul li:first-child { background: #FBB901; }

.ranking ul li .ranking_username{ font-size: 1em; }
/* .ranking ul li .ranking_avatar{   } */
.ranking ul li .ranking_avatar .avatar-frame-small img{ width: 45px; height:45px   }
.ranking ul li .position{ font-size: 1em; background: #4135F1; color:#fff; width: 25px; height: 25px; -moz-border-radius:50%; -webkit-border-radius:50%; border-radius: 50%; display: grid; place-content: center; user-select: none; }
.ranking ul li .score{ font-size: 1em; color: #333; font-weight: bold;} 

#ludus_list ul li{ border:1px solid #ccc; border-bottom: 5px solid #ccc; padding: 20px; -moz-border-radius:10px; border-radius: 10px; -webkit-border-radius:10px; margin-bottom: 20px; }

#ludus_list ul li.active{ border:2px solid #000000; background: #f9f9f9; border-bottom: 5px solid #000 }
#ludus_list ul li.voting{ border:2px solid #C34A0D; background: rgb(255 254 243); border-bottom: 5px solid #C34A0D }

#ludus_list ul li.unique{ background: #ffffff; padding:0px; border: 0px  }

#ludus_list ul li .topic{ font-size: 1.8rem; margin-bottom: 20px;font-weight: 700;}
#ludus_list ul li .deadline{ color:#333; margin-bottom: 15px; }
#ludus_list ul li .description{
	font-size: 1.2rem !important;
	line-height: 1.6em !important;
	font-family: system-ui !important;
	margin-bottom: 1em;
}
#ludus_list ul li .description * {
    font-family: system-ui !important;
    line-height: 1.6em !important;
    font-size: 1.2rem !important;
}
#ludus_list ul li .deadline span{ font-weight: bold; padding: 0.5em 1em;-moz-border-radius:2em; border-radius: 2em; -webkit-border-radius:2em; font-size: 0.9em;   }
#ludus_list ul li .deadline span.active{ font-weight: bold; background: #1CB966; color: #fff;-moz-border-radius:2m; border-radius: 2em; -webkit-border-radius:2em; font-size: 0.9rem }

#ludus_list ul li .deadline span.attention{color: #FD6665}

#ludus_list ul li .deadline span.active.orange{ background: #FD6665}
#ludus_list ul li .deadline span.active.grey{ background: #f0f0f0; color: #333}

#ludus_list ul li .situations ul{ margin-top: 20px; margin-bottom: 20px; }
#ludus_list ul li .situations ul li{ margin:0px; padding:0px; border: 0px solid #ccc; padding:10px; margin-bottom: 10px;color: #444  }

#ludus_list ul li .situations.unique ul li{ background: #ffffff; border: 2px solid #eeeeee; padding: 2em; font-size: 1.2em; border-radius: 0.5em; -webkit-border-radius: 0.5em; -moz-border-radius: 0.5em }

#ludus_list ul li .participants{ margin-top: 10px; color: #333; float: left;}

#ludus_list ul li .your_stories{ margin-top: 20px; padding-top: 20px; color: #333; border-top: 1px solid #ccc;}
#ludus_list ul li .your_stories p{ font-size: 1em}

#ludus_list ul li.form {
    display: grid;
    gap: 1em;
    margin-top: 3em;
    border-radius: 0px !important;
    border-top: 1px solid #bbbbbb !important;
    padding-top: 2em !important;
}

.ludus_submit{ 
    float: right; margin-top: 0px; padding:10px; font-weight: bold; background: #FBB901; color: #fff; padding-left: 15px; padding-right: 15px;-moz-border-radius:10px; border-radius: 10px; -webkit-border-radius:10px; font-size: 1em; cursor: pointer; margin-right: 10px; 

    background-color: #4135F1;
    color: #F3F4FE;
    
    border-radius: 2em;
    -moz-border-radius: 2em;
    -webkit-border-radius: 2em;
    cursor: pointer;
}

.ludus_submit.orange{ background: #C34A0D}
.ludus_submit.grey{ background: #f0f0f0; color: #333;}

.ludus_submit.unique{ float: left;  font-size: 0.8em; }

.ludus_submit.tour{ float: none; margin-top: 20px; text-align: center }


.story_content{ text-align: center; margin-top: 3em  }
.story_content h1{ font-family: "EB Garamond"; font-weight:bold; font-size: 3em; color:#9697FF; margin:0.5em }
.story_content h2{ font-family: Arial; font-weight: normal; }


.challenge_container{ background: #F3F4FE;padding: 2em; border-radius: 0.5em;  }
.story_content .topic{ font-size: 1em;  }
.story_content .topic span{ 
    color: #4135F1;
    border:2px solid #4135F1;
    padding:0.2em 1em;
    border-radius: 2em;
    -moz-border-radius:  2em;
    -webkit-border-radius:  2em;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 0.8em;
}
.story_content .topic a{color: #4135F1; }
.story_content .situation{ margin-top: 20px; font-size: 1.2em; color: #666  }

.story_content .divider{ margin: 30px; margin-left: 35%; margin-right: 35%; border-bottom: 1px solid #666;  }

.story_content .story{ padding: 30px; text-align: left; line-height: 1.5em; font-family: "EB Garamond"; font-size: 1.5em  }
.story_content .story img{ width: 100%; margin: 1em auto; display: block;}

.story_content .vote_section{ margin-top: 20px; background: #ffffff; padding: 30px; position: sticky; top: 0; }
.story_content .vote_section h3{ font-family: "EB Garamond"; font-weight:normal; font-size: 1.8em }

.story_content .author{ margin-top: 1em;  }

.story_content .words{ margin-top: 10px; font-size: 0.9em; color: #666  }

.story-metrics {
    display: flex;
    place-content: center;
    align-items: center;
    gap: 1em;
    margin-top: 1em;
    font-size: calc(13px + (16 - 13) * ((100vw - 300px) / (1600 - 300)));
    user-select: none;
    cursor: default;
    color: #999999;
}

.story-metrics .total-words {
    background-image: url("data:image/svg+xml,%3Csvg width='24px' height='24px' viewBox='0 0 144.46483 144.46268' version='1.1' id='svg5' inkscape:version='1.1 (c68e22c387, 2021-05-23)' sodipodi:docname='pencil.svg' xmlns:inkscape='http://www.inkscape.org/namespaces/inkscape' xmlns:sodipodi='http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd' xmlns='http://www.w3.org/2000/svg' xmlns:svg='http://www.w3.org/2000/svg'%3E%3Csodipodi:namedview id='namedview7' pagecolor='%23999999' bordercolor='%23ffffff' borderopacity='1' inkscape:pageshadow='0' inkscape:pageopacity='0' inkscape:pagecheckerboard='1' inkscape:document-units='mm' showgrid='false' inkscape:zoom='0.7500982' inkscape:cx='283.96282' inkscape:cy='367.28524' inkscape:window-width='1920' inkscape:window-height='1027' inkscape:window-x='-8' inkscape:window-y='-8' inkscape:window-maximized='1' inkscape:current-layer='layer1' /%3E%3Cdefs id='defs2' /%3E%3Cg inkscape:label='Layer 1' inkscape:groupmode='layer' id='layer1' transform='translate(-30.059748,-51.224717)'%3E%3Cpath style='fill:%23999999;stroke-width:0.282222' d='m 31.019308,194.72784 c -0.61607,-0.61607 -0.95956,-1.23156 -0.95956,-1.71942 0,-0.41792 4.09575,-9.45562 9.10167,-20.08377 l 9.10166,-19.3239 49.471255,-49.44169 C 135.51882,66.397163 147.61846,54.465222 148.95335,53.649937 c 6.58683,-4.022918 14.99408,-2.961645 20.54979,2.594061 5.27586,5.275866 6.48826,12.68511 3.19066,19.498949 -1.0014,2.06919 -2.13793,3.23103 -50.67753,51.805423 l -49.653147,49.68875 -13.375365,6.33236 -13.37535,6.33236 27.995345,0.14111 c 15.39743,0.0776 28.209957,0.24703 28.472287,0.37648 1.96542,0.96987 1.70483,4.23207 -0.39658,4.96463 -0.60209,0.20989 -11.473147,0.30334 -35.287377,0.30334 H 31.978858 Z m 16.46766,-11.90691 c 1.12536,-0.52149 2.04611,-1.04424 2.04611,-1.16166 0,-0.29062 -5.15102,-5.44521 -5.44143,-5.44521 -0.20596,0 -2.2011,4.01121 -4.4467,8.94004 l -0.79429,1.74336 3.2951,-1.56418 c 1.81231,-0.86029 4.21585,-1.99085 5.34121,-2.51235 z m 13.31823,-6.32465 5.089865,-2.39888 -7.122655,-7.13392 -7.12266,-7.13393 -2.30618,4.79572 c -1.2684,2.63764 -2.39342,5.07057 -2.50004,5.40652 -0.16327,0.51441 0.4679,1.27405 3.99951,4.81354 2.30636,2.3115 4.34613,4.16833 4.53283,4.12629 0.1867,-0.0421 2.6299,-1.15595 5.42933,-2.47534 z M 140.68304,95.070627 137.71366,92.101247 107.75629,121.881 c -28.790537,28.61983 -29.997527,29.77973 -30.988657,29.77973 -1.52167,0 -2.68121,-1.23916 -2.68121,-2.86531 v -1.2154 l 29.775417,-29.78427 29.77541,-29.784283 -2.96662,-2.95653 -2.96663,-2.95653 -36.403637,36.402823 -36.403645,36.40282 7.971075,7.97476 7.97108,7.97475 36.406767,-36.40677 36.40677,-36.406783 z M 67.115253,159.13874 c -1.38084,-0.96717 -1.40443,-3.08319 -0.0485,-4.34646 1.58731,-1.47881 4.47963,-0.12966 4.47963,2.08956 0,2.10928 -2.6876,3.47814 -4.43116,2.2569 z m 78.589777,-79.087213 -7.97105,-7.974716 -3.03861,3.029186 -3.03862,3.02919 7.97105,7.97473 7.97104,7.97472 3.03861,-3.02919 3.03862,-3.02919 z m 16.62576,-0.71025 c 4.60218,-4.66031 5.48947,-5.88234 6.19865,-8.537216 2.13352,-7.987037 -5.59933,-15.719887 -13.58636,-13.586364 -2.67135,0.71358 -3.87142,1.588929 -8.60778,6.278632 l -4.65667,4.610799 7.90034,7.910129 c 4.34518,4.35057 7.97291,7.91013 8.06162,7.91013 0.0887,0 2.1993,-2.06375 4.6902,-4.58611 z m -51.7563,115.791363 c -1.54836,-0.94408 -1.70734,-3.16725 -0.3166,-4.42729 0.51628,-0.46776 1.21602,-0.53015 6.81449,-0.60758 3.43152,-0.0475 6.54081,-0.0106 6.90952,0.082 1.72675,0.43339 2.58439,2.71105 1.59145,4.22647 -0.72885,1.11235 -1.80248,1.28125 -8.13738,1.28013 -5.4149,-8.5e-4 -6.03733,-0.0512 -6.86148,-0.5537 z' id='path39' /%3E%3C/g%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: contain;
    padding-left: 1.4em;
}

.story-metrics .reading-time {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24px' height='24px' viewBox='0 0 135.43161 101.52065' version='1.1'%3E%3Cg transform='translate(-121.92823,-127.43879)'%3E%3Cpath style='fill:%23999999;stroke-width:0.264583' d='m 199.31885,228.57455 c -3.41624,-0.52107 -6.75022,-1.3596 -9.78958,-2.46218 l -2.64584,-0.95982 -18.16249,-0.13229 c -17.38806,-0.12666 -18.18624,-0.15379 -18.71927,-0.63632 -0.72658,-0.65775 -0.74069,-2.09019 -0.0276,-2.80327 0.51568,-0.51568 0.89155,-0.52952 14.75052,-0.54304 13.46095,-0.0131 14.1862,-0.0379 13.56392,-0.46302 -7.7832,-5.31732 -13.57645,-11.99549 -17.60386,-20.29289 -6.95102,-14.32071 -6.79631,-30.64336 0.42736,-45.08851 1.91784,-3.8351 3.2112,-5.5792 4.13731,-5.5792 0.29061,0 0.8421,0.24676 1.22552,0.54837 1.07414,0.84491 0.909,1.75263 -0.90975,5.0004 -2.60249,4.64729 -4.45276,9.83457 -5.42925,15.22102 -0.72748,4.01285 -0.67613,11.93139 0.10421,16.07123 5.34702,28.36687 33.95052,45.26286 61.24403,36.17665 20.66268,-6.87876 34.03921,-27.7566 31.6598,-49.41404 -2.48816,-22.64726 -20.96091,-40.41963 -43.46114,-41.81335 -13.77083,-0.85299 -26.2511,3.78775 -36.319,13.50508 -2.66764,2.57475 -3.46538,2.87421 -4.55814,1.71102 -1.13174,-1.20469 -0.82499,-1.92247 2.00393,-4.68911 2.16905,-2.12129 5.68067,-4.99569 7.64592,-6.25848 0.38302,-0.24612 -2.62544,-0.31858 -13.73086,-0.33073 -13.85781,-0.0152 -14.23488,-0.0291 -14.75052,-0.54473 -0.78784,-0.78784 -0.70556,-2.20409 0.16797,-2.89121 0.68958,-0.54243 0.89008,-0.54837 18.48927,-0.54837 h 17.79213 l 2.61125,-0.94534 c 6.49839,-2.35259 11.62273,-3.14577 19.01542,-2.94333 5.78388,0.15839 9.29395,0.7273 14.05157,2.27749 24.63359,8.02642 39.4442,33.40977 34.20862,58.62889 -3.72487,17.94224 -16.74273,32.52142 -34.10498,38.1954 -5.38932,1.76123 -9.78185,2.41642 -16.00729,2.38766 -2.47386,-0.0114 -5.56948,-0.18422 -6.87917,-0.38398 z m 2.11667,-11.12857 c -9.49143,-1.4242 -17.25699,-5.42597 -23.73115,-12.22921 -5.04906,-5.30569 -8.41532,-11.82387 -10.05513,-19.47003 -0.82112,-3.82875 -0.82112,-11.28671 0,-15.11546 1.63971,-7.64566 5.00238,-14.15715 10.05742,-19.47522 6.42694,-6.76134 14.5375,-10.95151 23.51205,-12.14706 3.31031,-0.44098 10.66961,-0.16297 13.60189,0.51383 7.81833,1.80457 13.86113,5.14186 19.43287,10.73232 6.69512,6.71759 10.3546,14.19394 11.49263,23.47947 0.3218,2.62566 0.10465,3.44645 -1.03688,3.91929 -0.84589,0.35037 -1.96783,0.0123 -2.35257,-0.70901 -0.13956,-0.26163 -0.38652,-1.57012 -0.5488,-2.90776 -1.81433,-14.95522 -12.6428,-27.02034 -27.39066,-30.51877 -14.18861,-3.36577 -29.3563,2.70713 -37.5676,15.04147 -6.86714,10.31526 -7.84608,23.22991 -2.62865,34.67879 3.07958,6.7577 9.5332,13.37064 16.36666,16.77071 13.52304,6.72854 29.60537,4.25502 40.53074,-6.23377 5.15974,-4.95355 8.65182,-11.16816 10.12132,-18.01216 0.30846,-1.43662 0.67973,-2.8342 0.82505,-3.10573 0.61267,-1.14479 2.82807,-0.89722 3.2722,0.36569 0.78325,2.22713 -2.22534,11.31463 -5.35471,16.17404 -3.98212,6.18359 -9.96942,11.52781 -16.32168,14.56863 -5.73428,2.74498 -9.45764,3.59407 -16.27188,3.71072 -2.83765,0.0486 -5.51656,0.0347 -5.95312,-0.0308 z m -70.40851,-7.59739 c -0.93421,-0.80357 -0.98982,-2.15506 -0.11774,-2.86123 0.56443,-0.45704 1.3127,-0.48794 11.81806,-0.48794 10.8627,0 11.23212,0.0166 11.74465,0.52917 0.78784,0.78784 0.70555,2.20409 -0.16798,2.89121 -0.67972,0.53467 -0.97018,0.54837 -11.62691,0.54837 h -10.92977 z m 74.79676,-1.01132 c -1.08628,-0.40185 -1.32814,-0.99887 -1.33713,-3.30072 -0.0103,-2.64276 0.41897,-3.37629 1.97596,-3.37629 1.54458,0 1.98437,0.73748 1.98437,3.32754 0,1.15761 -0.11654,2.32252 -0.25899,2.58869 -0.35375,0.66098 -1.57321,1.05339 -2.36421,0.76078 z m -20.57669,-8.42511 c -0.7027,-0.28313 -1.14177,-1.04696 -1.14177,-1.9863 0,-0.50256 0.44641,-1.14643 1.5826,-2.28262 1.43124,-1.43124 1.67544,-1.57471 2.5534,-1.50018 1.23201,0.10458 2.10564,1.14371 1.84262,2.19168 -0.23575,0.9393 -2.20059,3.04158 -3.25814,3.48603 -0.46827,0.1968 -0.88499,0.35027 -0.92604,0.34105 -0.0411,-0.009 -0.33476,-0.12157 -0.65267,-0.24966 z m 40.73438,-0.16868 c -1.10164,-0.54056 -2.91414,-2.50806 -3.14019,-3.40874 -0.26634,-1.06116 0.60995,-2.08725 1.87329,-2.19351 0.91997,-0.0774 1.12778,0.0456 2.5534,1.51162 1.68894,1.73675 1.96431,2.66728 1.08891,3.67969 -0.66168,0.76524 -1.39487,0.89208 -2.37541,0.41094 z m -82.3574,-3.45676 c -1.36178,-0.50072 -1.79011,-2.25552 -0.79375,-3.25188 0.49173,-0.49172 0.88194,-0.52917 5.51524,-0.52917 5.45844,0 5.59915,0.0386 6.00053,1.64699 0.14562,0.58352 0.0274,0.87352 -0.62049,1.52135 l -0.80041,0.80041 -4.45212,-0.0209 c -2.44867,-0.0115 -4.63072,-0.0865 -4.849,-0.1668 z m -20.50521,-9.90261 c -1.29174,-0.71823 -1.53372,-1.83756 -0.64225,-2.97088 l 0.54837,-0.69714 h 10.961 c 10.60823,0 10.97804,0.017 11.49017,0.52917 0.71302,0.71302 0.69897,2.1455 -0.0275,2.80326 -0.5254,0.47571 -1.15354,0.50756 -11.17864,0.56692 -7.41069,0.0439 -10.78195,-0.0261 -11.15113,-0.23133 z m 53.04896,-7.37219 c -0.29398,-0.29398 -0.52917,-0.88194 -0.52917,-1.32291 0,-1.45464 0.73812,-1.85209 3.43958,-1.85209 2.70147,0 3.43959,0.39745 3.43959,1.85209 0,1.45463 -0.73812,1.85208 -3.43959,1.85208 -2.02847,0 -2.45964,-0.0784 -2.91041,-0.52917 z m 28.85879,-0.16797 c -0.52983,-0.67356 -0.54838,-0.99497 -0.54838,-9.50336 0,-4.84342 0.074,-8.99896 0.16436,-9.23452 0.0904,-0.23557 0.51934,-0.61187 0.95321,-0.83624 0.64903,-0.33562 0.92653,-0.3509 1.56555,-0.0862 0.42718,0.17695 0.8912,0.53569 1.03116,0.7972 0.14617,0.27311 0.25447,3.74862 0.25447,8.1658 v 7.69031 h 3.81726 c 3.8087,0 3.81848,0.002 4.36562,0.69714 0.30161,0.38343 0.54837,0.90315 0.54837,1.15495 0,0.25179 -0.24676,0.77152 -0.54837,1.15494 l -0.54837,0.69714 h -5.25326 -5.25325 z m 25.90996,0.16797 c -0.29398,-0.29398 -0.52917,-0.88194 -0.52917,-1.32291 0,-1.45464 0.73812,-1.85209 3.43958,-1.85209 2.70147,0 3.43959,0.39745 3.43959,1.85209 0,1.45463 -0.73812,1.85208 -3.43959,1.85208 -2.02847,0 -2.45964,-0.0784 -2.91041,-0.52917 z M 122.4766,172.46478 c -0.30161,-0.38342 -0.54837,-0.97873 -0.54837,-1.32291 0,-0.73317 0.79122,-1.60764 1.64691,-1.8202 0.33113,-0.0823 5.26288,-0.11505 10.95944,-0.0729 9.75402,0.0722 10.38983,0.10604 10.91407,0.58071 0.72645,0.65776 0.74051,2.09025 0.0275,2.80326 -0.51214,0.51213 -0.88195,0.52916 -11.49017,0.52916 h -10.96101 z m 20.35371,-9.62161 c -0.71275,-0.71275 -0.69894,-2.14538 0.027,-2.80326 0.49525,-0.44879 1.07554,-0.51311 5.29528,-0.58692 l 4.73907,-0.0829 0.81715,0.81715 c 0.6573,0.6573 0.78379,0.95819 0.64657,1.5381 -0.36259,1.53241 -0.78906,1.64699 -6.13046,1.64699 -4.5127,0 -4.90385,-0.0384 -5.39464,-0.52917 z m 42.8576,-2.6084 c -1.19529,-1.19529 -1.5826,-1.76763 -1.5826,-2.33864 0,-1.61439 1.46306,-2.54829 2.86028,-1.82576 1.0225,0.52876 2.90584,2.62623 3.11834,3.47291 0.26302,1.04796 -0.61061,2.0871 -1.84262,2.19168 -0.87796,0.0745 -1.12216,-0.0689 -2.5534,-1.50019 z m 37.59493,0.85293 c -0.64851,-0.82446 -0.67729,-1.19649 -0.16862,-2.18015 0.4668,-0.9027 2.32874,-2.61528 3.20596,-2.9488 0.80437,-0.30582 1.83497,0.0513 2.21904,0.76895 0.59487,1.11153 0.32758,1.85336 -1.25366,3.47937 -1.31818,1.35549 -1.66959,1.57777 -2.49434,1.57777 -0.72197,0 -1.09598,-0.17286 -1.50838,-0.69714 z M 205.62,154.11577 c -0.89122,-0.36786 -1.14251,-1.1128 -1.13336,-3.35989 0.009,-2.21622 0.25562,-2.80566 1.3475,-3.22079 0.78414,-0.29813 2.18218,0.20618 2.44095,0.88051 0.0945,0.24636 0.17188,1.37751 0.17188,2.51365 0,1.58251 -0.10831,2.19372 -0.46302,2.61291 -0.5544,0.65519 -1.56955,0.90152 -2.36395,0.57361 z m -74.71073,-4.72512 c -0.87208,-0.70616 -0.81647,-2.05766 0.11774,-2.86122 l 0.72031,-0.61959 h 10.92977 c 10.65673,0 10.94719,0.0137 11.62691,0.54837 0.87353,0.68712 0.95582,2.10337 0.16798,2.89121 -0.51253,0.51253 -0.88195,0.52917 -11.74465,0.52917 -10.50536,0 -11.25363,-0.0309 -11.81806,-0.48794 z' id='path236' /%3E%3C/g%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: contain;
    padding-left: 1.4em;
}

.story-metrics .read-counter {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24px' height='24px' viewBox='0 0 265.40408 173.03362' version='1.1'%3E%3Cg transform='translate(71.090914,-42.997811)'%3E%3Cpath style='fill:%23999999;stroke-width:0.518367' d='m 45.800927,215.34265 c -24.01648,-2.7743 -45.8212833,-10.79608 -65.832657,-24.21923 -13.735365,-9.21335 -26.874315,-22.097 -37.149256,-36.42742 -5.891185,-8.21641 -13.909928,-22.7095 -13.909928,-25.14082 0,-1.27726 4.311876,-10.01324 7.931472,-16.06939 10.3664,-17.344594 26.448408,-34.310784 43.127712,-45.498853 24.6068977,-16.505703 52.323377,-24.989126 81.642857,-24.989126 29.31948,0 57.035963,8.483423 81.642863,24.989126 13.73536,9.213349 26.87431,22.097009 37.14925,36.427433 5.89119,8.21641 13.90993,22.70949 13.90993,25.14081 0,1.27726 -4.31188,10.01324 -7.93147,16.06939 -10.3664,17.34459 -26.44841,34.31078 -43.12771,45.49885 -20.26549,13.5936 -41.88246,21.48872 -66.351023,24.23327 -8.07163,0.90536 -23.20212,0.89853 -31.10204,-0.014 z m 26.3862,-26.95846 c 11.85,-2.06646 22.82563,-7.84043 31.619103,-16.63391 8.80983,-8.80983 14.54879,-19.75561 16.65521,-31.76606 0.8813,-5.02502 0.9925,-14.87779 0.22302,-19.75965 -0.72031,-4.5699 -3.36804,-13.02489 -5.2715,-16.83352 -8.68317,-17.374084 -25.672073,-29.946064 -44.471223,-32.909204 -8.82002,-1.390212 -20.3972,-0.287478 -29.48834,2.80879 -13.37982,4.55691 -25.558253,15.13909 -32.7350443,28.444404 -7.421289,13.75859 -8.844855,31.8392 -3.700489,46.99973 6.8805753,20.27717 24.7900533,35.85856 45.5209633,39.6036 5.49065,0.99188 16.09449,1.01433 21.6483,0.0458 z M 55.841457,167.3934 c -15.04238,-2.38628 -27.23575,-13.4759 -31.34495,-28.50761 -1.25075,-4.5753 -1.25682,-14.04751 -0.012,-18.66122 3.6395,-13.48887 13.73263,-23.772734 27.04179,-27.552804 5.79307,-1.64535 14.37653,-1.64535 20.1696,0 13.30916,3.78007 23.40228,14.063934 27.04179,27.552804 1.24485,4.61371 1.23878,14.08592 -0.012,18.66122 -2.15856,7.89613 -6.7228,15.1037 -12.67201,20.0109 -3.88481,3.20436 -10.33526,6.52699 -14.93702,7.69403 -4.0143,1.01807 -11.45336,1.40897 -15.27526,0.80268 z' id='path433' /%3E%3C/g%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: contain;
    padding-left: 1.4em;
}

.story-metrics-grey {
    display: flex;
	flex-wrap: wrap;
    place-content: center;
    align-items: center;
    gap: 1em;
	color: rgb(154 154 154);
    font-size: calc(11px + (14 - 11) * ((100vw - 300px) / (1600 - 300)));
    user-select: none;
    cursor: default;
	justify-content: left;
	margin-top: 1em;
	margin-bottom: 1em;
	cursor: pointer;
}

.story-metrics-grey .total-words {
    background-image: url("data:image/svg+xml,%3Csvg width='24px' height='24px' fill='rgb(146 146 146)' viewBox='0 0 144.46483 144.46268' version='1.1' id='svg5' inkscape:version='1.1 (c68e22c387, 2021-05-23)' sodipodi:docname='pencil.svg' xmlns:inkscape='http://www.inkscape.org/namespaces/inkscape' xmlns:sodipodi='http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd' xmlns='http://www.w3.org/2000/svg' xmlns:svg='http://www.w3.org/2000/svg'%3E%3Csodipodi:namedview id='namedview7' pagecolor='%23505050' bordercolor='%23ffffff' borderopacity='1' inkscape:pageshadow='0' inkscape:pageopacity='0' inkscape:pagecheckerboard='1' inkscape:document-units='mm' showgrid='false' inkscape:zoom='0.7500982' inkscape:cx='283.96282' inkscape:cy='367.28524' inkscape:window-width='1920' inkscape:window-height='1027' inkscape:window-x='-8' inkscape:window-y='-8' inkscape:window-maximized='1' inkscape:current-layer='layer1' /%3E%3Cdefs id='defs2' /%3E%3Cg inkscape:label='Layer 1' inkscape:groupmode='layer' id='layer1' transform='translate(-30.059748,-51.224717)'%3E%3Cpath style='fill:rgb(146 146 146);stroke-width:0.282222' d='m 31.019308,194.72784 c -0.61607,-0.61607 -0.95956,-1.23156 -0.95956,-1.71942 0,-0.41792 4.09575,-9.45562 9.10167,-20.08377 l 9.10166,-19.3239 49.471255,-49.44169 C 135.51882,66.397163 147.61846,54.465222 148.95335,53.649937 c 6.58683,-4.022918 14.99408,-2.961645 20.54979,2.594061 5.27586,5.275866 6.48826,12.68511 3.19066,19.498949 -1.0014,2.06919 -2.13793,3.23103 -50.67753,51.805423 l -49.653147,49.68875 -13.375365,6.33236 -13.37535,6.33236 27.995345,0.14111 c 15.39743,0.0776 28.209957,0.24703 28.472287,0.37648 1.96542,0.96987 1.70483,4.23207 -0.39658,4.96463 -0.60209,0.20989 -11.473147,0.30334 -35.287377,0.30334 H 31.978858 Z m 16.46766,-11.90691 c 1.12536,-0.52149 2.04611,-1.04424 2.04611,-1.16166 0,-0.29062 -5.15102,-5.44521 -5.44143,-5.44521 -0.20596,0 -2.2011,4.01121 -4.4467,8.94004 l -0.79429,1.74336 3.2951,-1.56418 c 1.81231,-0.86029 4.21585,-1.99085 5.34121,-2.51235 z m 13.31823,-6.32465 5.089865,-2.39888 -7.122655,-7.13392 -7.12266,-7.13393 -2.30618,4.79572 c -1.2684,2.63764 -2.39342,5.07057 -2.50004,5.40652 -0.16327,0.51441 0.4679,1.27405 3.99951,4.81354 2.30636,2.3115 4.34613,4.16833 4.53283,4.12629 0.1867,-0.0421 2.6299,-1.15595 5.42933,-2.47534 z M 140.68304,95.070627 137.71366,92.101247 107.75629,121.881 c -28.790537,28.61983 -29.997527,29.77973 -30.988657,29.77973 -1.52167,0 -2.68121,-1.23916 -2.68121,-2.86531 v -1.2154 l 29.775417,-29.78427 29.77541,-29.784283 -2.96662,-2.95653 -2.96663,-2.95653 -36.403637,36.402823 -36.403645,36.40282 7.971075,7.97476 7.97108,7.97475 36.406767,-36.40677 36.40677,-36.406783 z M 67.115253,159.13874 c -1.38084,-0.96717 -1.40443,-3.08319 -0.0485,-4.34646 1.58731,-1.47881 4.47963,-0.12966 4.47963,2.08956 0,2.10928 -2.6876,3.47814 -4.43116,2.2569 z m 78.589777,-79.087213 -7.97105,-7.974716 -3.03861,3.029186 -3.03862,3.02919 7.97105,7.97473 7.97104,7.97472 3.03861,-3.02919 3.03862,-3.02919 z m 16.62576,-0.71025 c 4.60218,-4.66031 5.48947,-5.88234 6.19865,-8.537216 2.13352,-7.987037 -5.59933,-15.719887 -13.58636,-13.586364 -2.67135,0.71358 -3.87142,1.588929 -8.60778,6.278632 l -4.65667,4.610799 7.90034,7.910129 c 4.34518,4.35057 7.97291,7.91013 8.06162,7.91013 0.0887,0 2.1993,-2.06375 4.6902,-4.58611 z m -51.7563,115.791363 c -1.54836,-0.94408 -1.70734,-3.16725 -0.3166,-4.42729 0.51628,-0.46776 1.21602,-0.53015 6.81449,-0.60758 3.43152,-0.0475 6.54081,-0.0106 6.90952,0.082 1.72675,0.43339 2.58439,2.71105 1.59145,4.22647 -0.72885,1.11235 -1.80248,1.28125 -8.13738,1.28013 -5.4149,-8.5e-4 -6.03733,-0.0512 -6.86148,-0.5537 z' id='path39' /%3E%3C/g%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: contain;
    padding-left: 1.4em;
}

.story-metrics-grey .reading-time {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24px' height='24px' fill='rgb(146 146 146)' viewBox='0 0 135.43161 101.52065' version='1.1'%3E%3Cg transform='translate(-121.92823,-127.43879)'%3E%3Cpath style='fill:rgb(146 146 146);stroke-width:0.264583' d='m 199.31885,228.57455 c -3.41624,-0.52107 -6.75022,-1.3596 -9.78958,-2.46218 l -2.64584,-0.95982 -18.16249,-0.13229 c -17.38806,-0.12666 -18.18624,-0.15379 -18.71927,-0.63632 -0.72658,-0.65775 -0.74069,-2.09019 -0.0276,-2.80327 0.51568,-0.51568 0.89155,-0.52952 14.75052,-0.54304 13.46095,-0.0131 14.1862,-0.0379 13.56392,-0.46302 -7.7832,-5.31732 -13.57645,-11.99549 -17.60386,-20.29289 -6.95102,-14.32071 -6.79631,-30.64336 0.42736,-45.08851 1.91784,-3.8351 3.2112,-5.5792 4.13731,-5.5792 0.29061,0 0.8421,0.24676 1.22552,0.54837 1.07414,0.84491 0.909,1.75263 -0.90975,5.0004 -2.60249,4.64729 -4.45276,9.83457 -5.42925,15.22102 -0.72748,4.01285 -0.67613,11.93139 0.10421,16.07123 5.34702,28.36687 33.95052,45.26286 61.24403,36.17665 20.66268,-6.87876 34.03921,-27.7566 31.6598,-49.41404 -2.48816,-22.64726 -20.96091,-40.41963 -43.46114,-41.81335 -13.77083,-0.85299 -26.2511,3.78775 -36.319,13.50508 -2.66764,2.57475 -3.46538,2.87421 -4.55814,1.71102 -1.13174,-1.20469 -0.82499,-1.92247 2.00393,-4.68911 2.16905,-2.12129 5.68067,-4.99569 7.64592,-6.25848 0.38302,-0.24612 -2.62544,-0.31858 -13.73086,-0.33073 -13.85781,-0.0152 -14.23488,-0.0291 -14.75052,-0.54473 -0.78784,-0.78784 -0.70556,-2.20409 0.16797,-2.89121 0.68958,-0.54243 0.89008,-0.54837 18.48927,-0.54837 h 17.79213 l 2.61125,-0.94534 c 6.49839,-2.35259 11.62273,-3.14577 19.01542,-2.94333 5.78388,0.15839 9.29395,0.7273 14.05157,2.27749 24.63359,8.02642 39.4442,33.40977 34.20862,58.62889 -3.72487,17.94224 -16.74273,32.52142 -34.10498,38.1954 -5.38932,1.76123 -9.78185,2.41642 -16.00729,2.38766 -2.47386,-0.0114 -5.56948,-0.18422 -6.87917,-0.38398 z m 2.11667,-11.12857 c -9.49143,-1.4242 -17.25699,-5.42597 -23.73115,-12.22921 -5.04906,-5.30569 -8.41532,-11.82387 -10.05513,-19.47003 -0.82112,-3.82875 -0.82112,-11.28671 0,-15.11546 1.63971,-7.64566 5.00238,-14.15715 10.05742,-19.47522 6.42694,-6.76134 14.5375,-10.95151 23.51205,-12.14706 3.31031,-0.44098 10.66961,-0.16297 13.60189,0.51383 7.81833,1.80457 13.86113,5.14186 19.43287,10.73232 6.69512,6.71759 10.3546,14.19394 11.49263,23.47947 0.3218,2.62566 0.10465,3.44645 -1.03688,3.91929 -0.84589,0.35037 -1.96783,0.0123 -2.35257,-0.70901 -0.13956,-0.26163 -0.38652,-1.57012 -0.5488,-2.90776 -1.81433,-14.95522 -12.6428,-27.02034 -27.39066,-30.51877 -14.18861,-3.36577 -29.3563,2.70713 -37.5676,15.04147 -6.86714,10.31526 -7.84608,23.22991 -2.62865,34.67879 3.07958,6.7577 9.5332,13.37064 16.36666,16.77071 13.52304,6.72854 29.60537,4.25502 40.53074,-6.23377 5.15974,-4.95355 8.65182,-11.16816 10.12132,-18.01216 0.30846,-1.43662 0.67973,-2.8342 0.82505,-3.10573 0.61267,-1.14479 2.82807,-0.89722 3.2722,0.36569 0.78325,2.22713 -2.22534,11.31463 -5.35471,16.17404 -3.98212,6.18359 -9.96942,11.52781 -16.32168,14.56863 -5.73428,2.74498 -9.45764,3.59407 -16.27188,3.71072 -2.83765,0.0486 -5.51656,0.0347 -5.95312,-0.0308 z m -70.40851,-7.59739 c -0.93421,-0.80357 -0.98982,-2.15506 -0.11774,-2.86123 0.56443,-0.45704 1.3127,-0.48794 11.81806,-0.48794 10.8627,0 11.23212,0.0166 11.74465,0.52917 0.78784,0.78784 0.70555,2.20409 -0.16798,2.89121 -0.67972,0.53467 -0.97018,0.54837 -11.62691,0.54837 h -10.92977 z m 74.79676,-1.01132 c -1.08628,-0.40185 -1.32814,-0.99887 -1.33713,-3.30072 -0.0103,-2.64276 0.41897,-3.37629 1.97596,-3.37629 1.54458,0 1.98437,0.73748 1.98437,3.32754 0,1.15761 -0.11654,2.32252 -0.25899,2.58869 -0.35375,0.66098 -1.57321,1.05339 -2.36421,0.76078 z m -20.57669,-8.42511 c -0.7027,-0.28313 -1.14177,-1.04696 -1.14177,-1.9863 0,-0.50256 0.44641,-1.14643 1.5826,-2.28262 1.43124,-1.43124 1.67544,-1.57471 2.5534,-1.50018 1.23201,0.10458 2.10564,1.14371 1.84262,2.19168 -0.23575,0.9393 -2.20059,3.04158 -3.25814,3.48603 -0.46827,0.1968 -0.88499,0.35027 -0.92604,0.34105 -0.0411,-0.009 -0.33476,-0.12157 -0.65267,-0.24966 z m 40.73438,-0.16868 c -1.10164,-0.54056 -2.91414,-2.50806 -3.14019,-3.40874 -0.26634,-1.06116 0.60995,-2.08725 1.87329,-2.19351 0.91997,-0.0774 1.12778,0.0456 2.5534,1.51162 1.68894,1.73675 1.96431,2.66728 1.08891,3.67969 -0.66168,0.76524 -1.39487,0.89208 -2.37541,0.41094 z m -82.3574,-3.45676 c -1.36178,-0.50072 -1.79011,-2.25552 -0.79375,-3.25188 0.49173,-0.49172 0.88194,-0.52917 5.51524,-0.52917 5.45844,0 5.59915,0.0386 6.00053,1.64699 0.14562,0.58352 0.0274,0.87352 -0.62049,1.52135 l -0.80041,0.80041 -4.45212,-0.0209 c -2.44867,-0.0115 -4.63072,-0.0865 -4.849,-0.1668 z m -20.50521,-9.90261 c -1.29174,-0.71823 -1.53372,-1.83756 -0.64225,-2.97088 l 0.54837,-0.69714 h 10.961 c 10.60823,0 10.97804,0.017 11.49017,0.52917 0.71302,0.71302 0.69897,2.1455 -0.0275,2.80326 -0.5254,0.47571 -1.15354,0.50756 -11.17864,0.56692 -7.41069,0.0439 -10.78195,-0.0261 -11.15113,-0.23133 z m 53.04896,-7.37219 c -0.29398,-0.29398 -0.52917,-0.88194 -0.52917,-1.32291 0,-1.45464 0.73812,-1.85209 3.43958,-1.85209 2.70147,0 3.43959,0.39745 3.43959,1.85209 0,1.45463 -0.73812,1.85208 -3.43959,1.85208 -2.02847,0 -2.45964,-0.0784 -2.91041,-0.52917 z m 28.85879,-0.16797 c -0.52983,-0.67356 -0.54838,-0.99497 -0.54838,-9.50336 0,-4.84342 0.074,-8.99896 0.16436,-9.23452 0.0904,-0.23557 0.51934,-0.61187 0.95321,-0.83624 0.64903,-0.33562 0.92653,-0.3509 1.56555,-0.0862 0.42718,0.17695 0.8912,0.53569 1.03116,0.7972 0.14617,0.27311 0.25447,3.74862 0.25447,8.1658 v 7.69031 h 3.81726 c 3.8087,0 3.81848,0.002 4.36562,0.69714 0.30161,0.38343 0.54837,0.90315 0.54837,1.15495 0,0.25179 -0.24676,0.77152 -0.54837,1.15494 l -0.54837,0.69714 h -5.25326 -5.25325 z m 25.90996,0.16797 c -0.29398,-0.29398 -0.52917,-0.88194 -0.52917,-1.32291 0,-1.45464 0.73812,-1.85209 3.43958,-1.85209 2.70147,0 3.43959,0.39745 3.43959,1.85209 0,1.45463 -0.73812,1.85208 -3.43959,1.85208 -2.02847,0 -2.45964,-0.0784 -2.91041,-0.52917 z M 122.4766,172.46478 c -0.30161,-0.38342 -0.54837,-0.97873 -0.54837,-1.32291 0,-0.73317 0.79122,-1.60764 1.64691,-1.8202 0.33113,-0.0823 5.26288,-0.11505 10.95944,-0.0729 9.75402,0.0722 10.38983,0.10604 10.91407,0.58071 0.72645,0.65776 0.74051,2.09025 0.0275,2.80326 -0.51214,0.51213 -0.88195,0.52916 -11.49017,0.52916 h -10.96101 z m 20.35371,-9.62161 c -0.71275,-0.71275 -0.69894,-2.14538 0.027,-2.80326 0.49525,-0.44879 1.07554,-0.51311 5.29528,-0.58692 l 4.73907,-0.0829 0.81715,0.81715 c 0.6573,0.6573 0.78379,0.95819 0.64657,1.5381 -0.36259,1.53241 -0.78906,1.64699 -6.13046,1.64699 -4.5127,0 -4.90385,-0.0384 -5.39464,-0.52917 z m 42.8576,-2.6084 c -1.19529,-1.19529 -1.5826,-1.76763 -1.5826,-2.33864 0,-1.61439 1.46306,-2.54829 2.86028,-1.82576 1.0225,0.52876 2.90584,2.62623 3.11834,3.47291 0.26302,1.04796 -0.61061,2.0871 -1.84262,2.19168 -0.87796,0.0745 -1.12216,-0.0689 -2.5534,-1.50019 z m 37.59493,0.85293 c -0.64851,-0.82446 -0.67729,-1.19649 -0.16862,-2.18015 0.4668,-0.9027 2.32874,-2.61528 3.20596,-2.9488 0.80437,-0.30582 1.83497,0.0513 2.21904,0.76895 0.59487,1.11153 0.32758,1.85336 -1.25366,3.47937 -1.31818,1.35549 -1.66959,1.57777 -2.49434,1.57777 -0.72197,0 -1.09598,-0.17286 -1.50838,-0.69714 z M 205.62,154.11577 c -0.89122,-0.36786 -1.14251,-1.1128 -1.13336,-3.35989 0.009,-2.21622 0.25562,-2.80566 1.3475,-3.22079 0.78414,-0.29813 2.18218,0.20618 2.44095,0.88051 0.0945,0.24636 0.17188,1.37751 0.17188,2.51365 0,1.58251 -0.10831,2.19372 -0.46302,2.61291 -0.5544,0.65519 -1.56955,0.90152 -2.36395,0.57361 z m -74.71073,-4.72512 c -0.87208,-0.70616 -0.81647,-2.05766 0.11774,-2.86122 l 0.72031,-0.61959 h 10.92977 c 10.65673,0 10.94719,0.0137 11.62691,0.54837 0.87353,0.68712 0.95582,2.10337 0.16798,2.89121 -0.51253,0.51253 -0.88195,0.52917 -11.74465,0.52917 -10.50536,0 -11.25363,-0.0309 -11.81806,-0.48794 z' id='path236' /%3E%3C/g%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: contain;
    padding-left: 1.4em;
}

.story-metrics-grey .read-counter {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24px' height='24px' fill='rgb(146 146 146)' viewBox='0 0 265.40408 173.03362' version='1.1'%3E%3Cg transform='translate(71.090914,-42.997811)'%3E%3Cpath style='fill:rgb(146 146 146);stroke-width:0.518367' d='m 45.800927,215.34265 c -24.01648,-2.7743 -45.8212833,-10.79608 -65.832657,-24.21923 -13.735365,-9.21335 -26.874315,-22.097 -37.149256,-36.42742 -5.891185,-8.21641 -13.909928,-22.7095 -13.909928,-25.14082 0,-1.27726 4.311876,-10.01324 7.931472,-16.06939 10.3664,-17.344594 26.448408,-34.310784 43.127712,-45.498853 24.6068977,-16.505703 52.323377,-24.989126 81.642857,-24.989126 29.31948,0 57.035963,8.483423 81.642863,24.989126 13.73536,9.213349 26.87431,22.097009 37.14925,36.427433 5.89119,8.21641 13.90993,22.70949 13.90993,25.14081 0,1.27726 -4.31188,10.01324 -7.93147,16.06939 -10.3664,17.34459 -26.44841,34.31078 -43.12771,45.49885 -20.26549,13.5936 -41.88246,21.48872 -66.351023,24.23327 -8.07163,0.90536 -23.20212,0.89853 -31.10204,-0.014 z m 26.3862,-26.95846 c 11.85,-2.06646 22.82563,-7.84043 31.619103,-16.63391 8.80983,-8.80983 14.54879,-19.75561 16.65521,-31.76606 0.8813,-5.02502 0.9925,-14.87779 0.22302,-19.75965 -0.72031,-4.5699 -3.36804,-13.02489 -5.2715,-16.83352 -8.68317,-17.374084 -25.672073,-29.946064 -44.471223,-32.909204 -8.82002,-1.390212 -20.3972,-0.287478 -29.48834,2.80879 -13.37982,4.55691 -25.558253,15.13909 -32.7350443,28.444404 -7.421289,13.75859 -8.844855,31.8392 -3.700489,46.99973 6.8805753,20.27717 24.7900533,35.85856 45.5209633,39.6036 5.49065,0.99188 16.09449,1.01433 21.6483,0.0458 z M 55.841457,167.3934 c -15.04238,-2.38628 -27.23575,-13.4759 -31.34495,-28.50761 -1.25075,-4.5753 -1.25682,-14.04751 -0.012,-18.66122 3.6395,-13.48887 13.73263,-23.772734 27.04179,-27.552804 5.79307,-1.64535 14.37653,-1.64535 20.1696,0 13.30916,3.78007 23.40228,14.063934 27.04179,27.552804 1.24485,4.61371 1.23878,14.08592 -0.012,18.66122 -2.15856,7.89613 -6.7228,15.1037 -12.67201,20.0109 -3.88481,3.20436 -10.33526,6.52699 -14.93702,7.69403 -4.0143,1.01807 -11.45336,1.40897 -15.27526,0.80268 z' id='path433' /%3E%3C/g%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: contain;
    padding-left: 1.4em;
}

.story-metrics-grey .comments {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgb(146 146 146)' viewBox='-21 -47 682.66669 682'%3E%3Cpath d='m552.011719-1.332031h-464.023438c-48.515625 0-87.988281 39.464843-87.988281 87.988281v283.972656c0 48.414063 39.300781 87.816406 87.675781 87.988282v128.863281l185.191407-128.863281h279.144531c48.515625 0 87.988281-39.472657 87.988281-87.988282v-283.972656c0-48.523438-39.472656-87.988281-87.988281-87.988281zm50.488281 371.960937c0 27.835938-22.648438 50.488282-50.488281 50.488282h-290.910157l-135.925781 94.585937v-94.585937h-37.1875c-27.839843 0-50.488281-22.652344-50.488281-50.488282v-283.972656c0-27.84375 22.648438-50.488281 50.488281-50.488281h464.023438c27.839843 0 50.488281 22.644531 50.488281 50.488281zm0 0'/%3E%3Cpath d='m171.292969 131.171875h297.414062v37.5h-297.414062zm0 0'/%3E%3Cpath d='m171.292969 211.171875h297.414062v37.5h-297.414062zm0 0'/%3E%3Cpath d='m171.292969 291.171875h297.414062v37.5h-297.414062zm0 0'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
    background-size: contain;
	background-position: left top 1px;
    padding-left: 1.6em;
}

.tags-container {
	font-size: calc(11px + (13 - 11) * ((100vw - 300px) / (1600 - 300)));
    font-family: system-ui;
    display: flex;
    gap: 1ch;
    flex-wrap: wrap;
}

.tags-container > .tag, .story-tags > .tag {
    background-color: #eeeeee;
    color: #484848;
    padding: 0.5ch 1.5ch;
    border-radius: 2ch;
    display: flex;
    align-items: center;
    gap: 0.6ch;
    user-select: none;
    cursor: default;
}

.story-tags {
	font-size: calc(11px + (13 - 11) * ((100vw - 300px) / (1600 - 300)));
    font-family: system-ui;
    display: flex;
    gap: 1ch;
    flex-wrap: wrap;
    justify-content: center;
    margin: 1em;
    margin-top: 2em;
}

.genre-select-container {
	place-self: baseline;
}

.terms{ background: #FCF7E4; color: #000; padding:2em;-moz-border-radius:0.5em; border-radius: 0.5em; -webkit-border-radius:0.5em; line-height: 1.6em ; margin-bottom: 30px; }
.terms .title{ font-size: 1.4em;font-weight: bold; }
.terms .subtitle{ font-size: 1.1em }
.terms .text{ font-size: 1em }
.terms .deadline{ font-size:1.2em; margin-top: 20px;  }
.terms .divider{ border-bottom: 1px solid #FCC9C9;  }
.terms.home{ background: #000; color: #fff; border: #000  }

.msg p{ font-size: 1em; color: #333  }

.vote_section{ text-align: center };
.vote_options{ background: #000; width: 100px; }
.vote_section > ul > li{ 
	display: inline-block;
	width:50px;
	height:50px;
	border-radius:50px; -webkit-border-radius:50px; border-radius: 50px;
	font-size:1.3em;
	color:#fff;
	line-height:50px;
	text-align:center;
	background:#ffffff;
	border: 2px solid #fff;
	margin: 10px;
	transition: all .2s ease-in-out;
}

.vote_section > ul > li:hover{ border: 2px solid #1CB966; cursor: pointer; background: #e0e0e0; }

.vote_section textarea#leave_comment {
    box-sizing: border-box;
    width: 100% !important;
    height: 5em;
    box-shadow: none;
    border-radius: 0;
    font-family: system-ui;
    border-color: #f5f5f5;
    background: #f5f5f5;
    padding: 2em;
    font-size: 1.2em;
    margin-bottom: 2em;
    border-radius: 0.5em;
}

div#breadcrumb_ludus {
    margin-bottom: 2em;
	color: #4135f1;
    font-family: system-ui;
    font-weight: 500;
}
div#breadcrumb_ludus a:first-child:not(.ludus-url) {
    color: #4135F1;
    background: #F3F4FE;
    padding: 0.5em 1em;
    border-radius: 2em;
    -webkit-border-radius: 2em;
    -moz-border-radius: 2em;
}
div#breadcrumb_ludus a:nth-child(2):not(.ludus-topic) {
    color: #788895;
}

div#breadcrumb_ludus .ludus-url {
	color: #4135f1;
    padding: 0.4ch 2ch;
    border: 2px solid #bab6fa;
    border-radius: 1em;
    margin-right: 1ch;
    text-decoration: none;
}
div#breadcrumb_ludus .ludus-topic {
	color: #4135f1;
	text-decoration: none;
	cursor: default;
}

.stories_list h2, .ranking_list h2{ font-size: 1.5em; margin-bottom: 20px;  }
.stories_list .avatar{ margin-right: 10px;  }
.stories_list ul li p.title, .ranking_list ul li p.title{ font-size: 1.3em;font-weight: bold; margin-bottom: 5px; word-break: break-word;  }
.stories_list ul li p.author{ font-size: 1em; color: #666  }
.stories_list ul li p.story{ 
		font-size: 1em; 
		line-height: 20px;
		  overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 3; /* number of lines to show */
   -webkit-box-orient: vertical;
   color: #000000;
}

.ranking_list ul li .points{ color:green; font-weight:bold;}
.ranking_list ul li .position{ padding:10px; background-color:#dedede; border-radius:100%; text-align:center; font-size:2em; font-weight:bold; min-width:50px; height: 50px; box-sizing: border-box; color:#fff; display: grid; place-content: center;}
.ranking_list ul li .position.top{background-color:#12B96A;}
/* .ranking_list ul li .avatar{ margin-left:-10px;} */
/* .ranking_list ul li .avatar, .ranking_list ul li .info{ margin-top:0.5em;} */
.clear{ clear: both; }

.stories_list ul li, .ranking_list ul li{border: 2px solid #F3F4FE; background: #ffffff; padding: 3ch; margin-bottom: 20px; -moz-border-radius:0.5em; border-radius: 0.5em; -webkit-border-radius:0.5em;  }
.stories_list ul li.winner{border: 2px solid #4135F1; background:#F3F4FE  }
.stories_list ul li a, .ranking_list ul li a{ display: block; padding:20px; margin:-20px;text-decoration: none;}
.stories_list ul li:hover, .ranking_list ul li:hover{ background: #F3F4FE; transition: 0.3s; border: 2px solid #4135F1; text-decoration: none; }

.user-ranking-card {
    display: grid;
    grid-template-columns: auto 50px 1fr;
	gap: 1em;
}

.user-ranking-card .dp-frame {
	box-sizing: border-box;
    width: 50px;
    height: 50px;
	line-height:50px;
    border-radius: 50%;
	font-weight: bold;
    font-size: 1.1em;
    background-color: black;
    color: ghostwhite;
	display: grid;
	place-content: center;
}


.share{ background: #fff; padding: 1em; margin-bottom:30px ; }
.share .line{ line-height: 2em; margin-bottom: 20px;  }
.share .line.title{ font-size: 1.8em; font-weight: bold;  }

.desktop{ display: block;}
.mobile{ display: none; }

@media only screen and (orientation: portrait) {
	
    .desktop{ display: none;}
    .mobile{ display: block; }

    /* .searcher {
		display: none;
	} */
	.m-top-1 {
		margin-top: 1em;
	}
	.m-flex {
		display: flex;
	}
	.m-flex.flx-col {
		flex-direction: column;
	}
	.m-flex.flx-col-rev {
		flex-direction: column-reverse;
	}
	div#breadcrumb_ludus {
		margin-bottom: 1.5em;
        margin-top: 1.5em;
		font-size: 0.7em;
	}

    #ludus_list ul li .deadline span.story_coins{display: inline-block; margin-top: 1rem; font-size: 0.8rem;}


	#ludus_list ul li .topic{
		font-size: 1.3em;
	}
	#ludus_list ul li .situations ul li {
		font-size: 0.9rem;
	}
	#ludus_list ul li .situations.unique ul li {
		align-items: center;
		font-size: 0.9rem;
        padding: 1.2rem;
	}
	#ludus_list ul li .situations.unique ul li > a:nth-child(2) {
		margin-left: auto;
	}
	.ludus_submit.unique {
		margin-top: 0px;
	}
	/* #ludus_list ul li .situations.unique ul li div:first-child {
		flex: 1 1;
	} */
	#ludus_list ul li .participants { 
		font-size: 0.9rem;
		float: none;
		clear: both;
	}
	#ludus_list ul li .description { 
		font-size: 1rem !important;
		margin-bottom: 1em;
	}
	#ludus_list ul li .description * {
		font-size: 1.1rem !important;
	}
	.ludus_submit {
		margin-top: 10px;
		float: none;
		font-size: 0.8rem;
		text-align: center;
		clear: both;
	}
	#ludus_list ul li .deadline {
		font-size: 1rem;
	}
	#ludus_list ul li .deadline span.active {
		font-size: 0.8rem;
	}
	.story_content h1 {
		font-size: 1.6em;
	}
	.story_content .topic {
		font-size: 0.8em; 
	}
	.story_content .situation {
		font-size: 0.8em;
	}
	.story_content .story {
		font-size: 1.1em;
	}
    .story_content .story img{
        width: 100%;
    }
	.story_content .vote_section h3 { 
		font-size: 1.3em;
	}
	.terms {
		font-size: 1rem;
	}

	.winner h2{ 
		font-size: 0.8em;
	}
	.winner h2 .icon{
		font-size: 1.2em;
	}
	.winner h3{
		margin-top: 0.2em;
		font-size: 1.5em;
		font-family: "EB Garamond";
		font-weight: normal;
	}
	.winner p{ 
		font-size: 0.7em;
	}

	.ranking h2{
		font-size: 0.8em;
	}

	.ranking_list ul li .position {
		font-size: 1.2em;
	}
	
	.ranking ul li .ranking_username{
		font-size: 0.7em;
	}
	.ranking ul li .position{ 
		font-size: 0.8em; 
	}
	.ranking ul li .score{ 
		font-size: 0.8em;
	}

	.stories_list{ background: #f5f5f5; margin:-10px; padding:20px; }
	.stories_list ul li{ border: 0px; }
	.stories_list h2{ font-size: 1em; margin-bottom: 20px;  }
	.stories_list ul li p.title{ font-size: 0.9em; }
	.stories_list ul li p.author{ font-size: 0.7em; }
	.stories_list ul li p.story{ 
		font-size: 0.8em; 
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 3; /* number of lines to show */
		-webkit-box-orient: vertical;
	}

	.story_content .situation{ margin: -10px; margin-top: 15px; padding: 10px; font-size: 0.7em;  }
	.story_content .author{ font-size: 0.8em  }

    .challenge_container{ padding: 1em;}
	#ludus_list ul li .your_stories p{ font-size: 0.7em}

	.share .line.title{ font-size: 1.2em; font-weight: bold;  }

    .vote_section textarea#leave_comment {
        padding: 1em;
        font-size: 1em;
        margin-bottom: 1.5em;
        border-radius: 0.5em;
    }
}

.star_like{ padding: 6px 12px 6px 12px; background: url('/images/crowd_follow_star.png') no-repeat center center; background-position: 0px; cursor: pointer; margin: 0 10px 0 10px;}
.star_like:hover{background-position: -24px 0px;}
.star_like.active{background-position: -24px 0px;}

.vote.active{ border:4px solid #ffbc00b0; border-radius: 100%;}