| Línea 275... |
Línea 275... |
| 275 |
}
|
275 |
}
|
| Línea 276... |
Línea 276... |
| 276 |
|
276 |
|
| 277 |
.st65 {
|
277 |
.st65 {
|
| 278 |
fill: #B1B3B6;
|
278 |
fill: #B1B3B6;
|
| - |
|
279 |
}
|
| - |
|
280 |
.st0 {
|
| - |
|
281 |
fill: #3C5A9A;
|
| - |
|
282 |
}
|
| - |
|
283 |
|
| - |
|
284 |
.st1 {
|
| - |
|
285 |
fill: #D61F2F;
|
| - |
|
286 |
}
|
| - |
|
287 |
|
| - |
|
288 |
.st2 {
|
| - |
|
289 |
fill: #2D4D85;
|
| - |
|
290 |
}
|
| - |
|
291 |
|
| - |
|
292 |
.st3 {
|
| - |
|
293 |
fill: #FFFFFF;
|
| - |
|
294 |
}
|
| - |
|
295 |
|
| - |
|
296 |
.st4 {
|
| - |
|
297 |
fill: #F58A63;
|
| - |
|
298 |
}
|
| - |
|
299 |
|
| - |
|
300 |
.st5 {
|
| - |
|
301 |
fill: #303030;
|
| - |
|
302 |
}
|
| - |
|
303 |
|
| - |
|
304 |
.st6 {
|
| - |
|
305 |
fill: #FEC127;
|
| - |
|
306 |
}
|
| - |
|
307 |
|
| - |
|
308 |
.st7 {
|
| - |
|
309 |
fill: #FFDE94;
|
| - |
|
310 |
}
|
| - |
|
311 |
|
| - |
|
312 |
.st8 {
|
| - |
|
313 |
fill: #FEE0C4;
|
| - |
|
314 |
}
|
| - |
|
315 |
|
| - |
|
316 |
.st9 {
|
| - |
|
317 |
fill: #6C88BC;
|
| - |
|
318 |
}
|
| - |
|
319 |
|
| - |
|
320 |
.st10 {
|
| - |
|
321 |
fill: #FFF7E2;
|
| - |
|
322 |
}
|
| - |
|
323 |
|
| - |
|
324 |
.st11 {
|
| - |
|
325 |
clip-path: url(#SVGID_00000154387541129615614800000017441559958315624115_);
|
| - |
|
326 |
}
|
| - |
|
327 |
|
| - |
|
328 |
.st12 {
|
| - |
|
329 |
clip-path: url(#SVGID_00000047026194727963514030000002444034913515407766_);
|
| - |
|
330 |
}
|
| - |
|
331 |
|
| - |
|
332 |
.st13 {
|
| - |
|
333 |
fill: #F2F2F2;
|
| - |
|
334 |
}
|
| - |
|
335 |
|
| - |
|
336 |
.st14 {
|
| - |
|
337 |
clip-path: url(#SVGID_00000098937032274398701760000016236282460494942391_);
|
| - |
|
338 |
}
|
| - |
|
339 |
|
| - |
|
340 |
.st15 {
|
| - |
|
341 |
fill: #63240D;
|
| - |
|
342 |
}
|
| - |
|
343 |
|
| - |
|
344 |
.st16 {
|
| - |
|
345 |
clip-path: url(#SVGID_00000003811323403024333210000001479417261213691045_);
|
| - |
|
346 |
}
|
| - |
|
347 |
|
| - |
|
348 |
.st17 {
|
| - |
|
349 |
clip-path: url(#SVGID_00000002350065378270544690000010732921207555987601_);
|
| - |
|
350 |
}
|
| - |
|
351 |
|
| - |
|
352 |
.st18 {
|
| - |
|
353 |
opacity: 0.6;
|
| - |
|
354 |
}
|
| - |
|
355 |
|
| - |
|
356 |
.st19 {
|
| - |
|
357 |
opacity: 0.9;
|
| - |
|
358 |
}
|
| - |
|
359 |
|
| - |
|
360 |
.st20 {
|
| - |
|
361 |
fill: #010101;
|
| - |
|
362 |
}
|
| - |
|
363 |
|
| - |
|
364 |
.st21 {
|
| - |
|
365 |
clip-path: url(#SVGID_00000049189287440127224070000012745635034656385975_);
|
| - |
|
366 |
}
|
| - |
|
367 |
|
| - |
|
368 |
.st22 {
|
| - |
|
369 |
fill: #424143;
|
| - |
|
370 |
}
|
| - |
|
371 |
|
| - |
|
372 |
.st23 {
|
| - |
|
373 |
clip-path: url(#SVGID_00000165198621486748434390000012001899175816488631_);
|
| - |
|
374 |
}
|
| - |
|
375 |
|
| - |
|
376 |
.st24 {
|
| - |
|
377 |
clip-path: url(#SVGID_00000059298659205525427140000003607771613373002659_);
|
| - |
|
378 |
}
|
| - |
|
379 |
|
| - |
|
380 |
.st25 {
|
| - |
|
381 |
clip-path: url(#SVGID_00000047043436075337879460000017389751408470374077_);
|
| - |
|
382 |
}
|
| - |
|
383 |
|
| - |
|
384 |
.st26 {
|
| - |
|
385 |
clip-path: url(#SVGID_00000005236007914036613430000017466309133811101612_);
|
| - |
|
386 |
}
|
| - |
|
387 |
|
| - |
|
388 |
.st27 {
|
| - |
|
389 |
clip-path: url(#SVGID_00000183236542146522063810000003757867029181445504_);
|
| - |
|
390 |
}
|
| - |
|
391 |
|
| - |
|
392 |
.st28 {
|
| - |
|
393 |
fill: #99B5D1;
|
| - |
|
394 |
}
|
| - |
|
395 |
|
| - |
|
396 |
.st29 {
|
| - |
|
397 |
fill: #37A1DA;
|
| - |
|
398 |
}
|
| - |
|
399 |
|
| - |
|
400 |
.st30 {
|
| - |
|
401 |
fill: #128FCB;
|
| - |
|
402 |
}
|
| - |
|
403 |
|
| - |
|
404 |
.st31 {
|
| - |
|
405 |
fill: #3FB8EA;
|
| - |
|
406 |
}
|
| - |
|
407 |
|
| - |
|
408 |
.st32 {
|
| - |
|
409 |
clip-path: url(#SVGID_00000153687815304008747870000012616029195843537074_);
|
| - |
|
410 |
}
|
| - |
|
411 |
|
| - |
|
412 |
.st33 {
|
| - |
|
413 |
clip-path: url(#SVGID_00000000181064175836748820000002929443058771319944_);
|
| - |
|
414 |
}
|
| - |
|
415 |
|
| - |
|
416 |
.st34 {
|
| - |
|
417 |
clip-path: url(#SVGID_00000079447748624094742830000001617405863243147673_);
|
| - |
|
418 |
}
|
| - |
|
419 |
|
| - |
|
420 |
.st35 {
|
| - |
|
421 |
clip-path: url(#SVGID_00000018229736702892571440000016072579133013713794_);
|
| - |
|
422 |
}
|
| - |
|
423 |
|
| - |
|
424 |
.st36 {
|
| - |
|
425 |
clip-path: url(#SVGID_00000183927162558601041460000003835713243250183085_);
|
| - |
|
426 |
}
|
| - |
|
427 |
|
| - |
|
428 |
.st37 {
|
| - |
|
429 |
clip-path: url(#SVGID_00000051363652050255631490000004230325293657576585_);
|
| - |
|
430 |
}
|
| - |
|
431 |
|
| - |
|
432 |
.st38 {
|
| - |
|
433 |
clip-path: url(#SVGID_00000162346982558875697540000012377612007941539251_);
|
| - |
|
434 |
fill: #63240D;
|
| - |
|
435 |
}
|
| - |
|
436 |
|
| - |
|
437 |
.st39 {
|
| - |
|
438 |
clip-path: url(#SVGID_00000066482066815054807160000009549085391041673862_);
|
| - |
|
439 |
fill: #F2F2F2;
|
| - |
|
440 |
}
|
| - |
|
441 |
|
| - |
|
442 |
.st40 {
|
| - |
|
443 |
clip-path: url(#SVGID_00000066482066815054807160000009549085391041673862_);
|
| - |
|
444 |
}
|
| - |
|
445 |
|
| - |
|
446 |
.st41 {
|
| - |
|
447 |
clip-path: url(#SVGID_00000163044284532472057630000008865867052776467594_);
|
| - |
|
448 |
fill: #63240D;
|
| - |
|
449 |
}
|
| - |
|
450 |
|
| - |
|
451 |
.st42 {
|
| - |
|
452 |
clip-path: url(#SVGID_00000163044284532472057630000008865867052776467594_);
|
| - |
|
453 |
fill: #F2F2F2;
|
| - |
|
454 |
}
|
| - |
|
455 |
|
| - |
|
456 |
.st43 {
|
| - |
|
457 |
clip-path: url(#SVGID_00000120556431860036806440000003432578928262558368_);
|
| - |
|
458 |
fill: #F2F2F2;
|
| - |
|
459 |
}
|
| - |
|
460 |
|
| - |
|
461 |
.st44 {
|
| - |
|
462 |
clip-path: url(#SVGID_00000120556431860036806440000003432578928262558368_);
|
| - |
|
463 |
}
|
| - |
|
464 |
|
| - |
|
465 |
.st45 {
|
| - |
|
466 |
clip-path: url(#SVGID_00000096773693571291272190000010207425907519427465_);
|
| - |
|
467 |
fill: #63240D;
|
| - |
|
468 |
}
|
| - |
|
469 |
|
| - |
|
470 |
.st46 {
|
| - |
|
471 |
clip-path: url(#SVGID_00000096773693571291272190000010207425907519427465_);
|
| - |
|
472 |
fill: #F2F2F2;
|
| - |
|
473 |
}
|
| - |
|
474 |
|
| - |
|
475 |
.st47 {
|
| - |
|
476 |
clip-path: url(#SVGID_00000036934606978980019650000016585076755191952032_);
|
| - |
|
477 |
}
|
| - |
|
478 |
|
| - |
|
479 |
.st48 {
|
| - |
|
480 |
fill: url(#SVGID_00000021808842789541424650000016565484894626367364_);
|
| - |
|
481 |
}
|
| - |
|
482 |
|
| - |
|
483 |
.st49 {
|
| - |
|
484 |
fill: url(#SVGID_00000173847921320605494970000012425471563616418455_);
|
| - |
|
485 |
}
|
| - |
|
486 |
|
| - |
|
487 |
.st50 {
|
| - |
|
488 |
opacity: 0.65;
|
| - |
|
489 |
fill: #010101;
|
| - |
|
490 |
}
|
| - |
|
491 |
|
| - |
|
492 |
.st51 {
|
| - |
|
493 |
fill: #B4B4B4;
|
| - |
|
494 |
}
|
| - |
|
495 |
|
| - |
|
496 |
.st52 {
|
| - |
|
497 |
clip-path: url(#SVGID_00000126282531877608694140000002874886714256828068_);
|
| - |
|
498 |
}
|
| - |
|
499 |
|
| - |
|
500 |
.st53 {
|
| - |
|
501 |
fill: #2EA7DF;
|
| - |
|
502 |
}
|
| - |
|
503 |
|
| - |
|
504 |
.st54 {
|
| - |
|
505 |
fill: #2189AE;
|
| - |
|
506 |
}
|
| - |
|
507 |
|
| - |
|
508 |
.st55 {
|
| - |
|
509 |
clip-path: url(#SVGID_00000045611539606105607390000011382423339417424768_);
|
| - |
|
510 |
}
|
| - |
|
511 |
|
| - |
|
512 |
.st56 {
|
| - |
|
513 |
clip-path: url(#SVGID_00000168836574933061002210000007395374886302803841_);
|
| - |
|
514 |
fill: #F2F2F2;
|
| - |
|
515 |
}
|
| - |
|
516 |
|
| - |
|
517 |
.st57 {
|
| - |
|
518 |
clip-path: url(#SVGID_00000168836574933061002210000007395374886302803841_);
|
| - |
|
519 |
}
|
| - |
|
520 |
|
| - |
|
521 |
.st58 {
|
| - |
|
522 |
clip-path: url(#SVGID_00000178173165712845082600000016342955732262502281_);
|
| - |
|
523 |
fill: #63240D;
|
| - |
|
524 |
}
|
| - |
|
525 |
|
| - |
|
526 |
.st59 {
|
| - |
|
527 |
clip-path: url(#SVGID_00000178173165712845082600000016342955732262502281_);
|
| - |
|
528 |
fill: #F2F2F2;
|
| - |
|
529 |
}
|
| - |
|
530 |
|
| - |
|
531 |
.st60 {
|
| - |
|
532 |
clip-path: url(#SVGID_00000149364010476011681040000003714631864789054083_);
|
| - |
|
533 |
fill: #F2F2F2;
|
| - |
|
534 |
}
|
| - |
|
535 |
|
| - |
|
536 |
.st61 {
|
| - |
|
537 |
clip-path: url(#SVGID_00000149364010476011681040000003714631864789054083_);
|
| - |
|
538 |
}
|
| - |
|
539 |
|
| - |
|
540 |
.st62 {
|
| - |
|
541 |
clip-path: url(#SVGID_00000150787925796440778840000012722400605237939085_);
|
| - |
|
542 |
fill: #63240D;
|
| - |
|
543 |
}
|
| - |
|
544 |
|
| - |
|
545 |
.st63 {
|
| - |
|
546 |
clip-path: url(#SVGID_00000150787925796440778840000012722400605237939085_);
|
| - |
|
547 |
fill: #F2F2F2;
|
| - |
|
548 |
}
|
| - |
|
549 |
|
| - |
|
550 |
.st64 {
|
| - |
|
551 |
fill: #333333;
|
| - |
|
552 |
}
|
| - |
|
553 |
|
| - |
|
554 |
.st65 {
|
| - |
|
555 |
fill: #B1B3B6;
|
| 279 |
}
|
556 |
}
|
| 280 |
.feed__share{background-color:#fff;display:grid;gap:1rem;padding:10px;width:100%;box-shadow:0px 0px 0px 1px rgba(0,0,0,.08)}@media(min-width: 768px){.feed__share{border-radius:10px}}.feed__input-container{display:flex;align-items:center;gap:.5rem}.feed__input-container .feed__input{align-items:center;border:1px solid #d3d3d3;border-radius:30px;color:gray;display:flex;gap:.5rem;padding:10px;padding-left:1rem;overflow:hidden;flex:1;cursor:pointer}.feed__input-container .feed__input:hover{background-color:rgba(0,0,0,.08)}.feed__input-container .feed__input input{background-color:rgba(0,0,0,0);border:none;cursor:pointer;outline:none;flex:1;font-weight:600}.feed__section{display:flex;flex-direction:column;grid-area:main;gap:1rem;position:relative}.feed__info{display:flex;flex-direction:column;justify-content:center;gap:5px}.feed__info>a>h2{font-size:1rem;font-weight:bold}.feed__info>p{font-size:.8rem;color:gray;line-height:1.5}.feed__info .time__elapse{align-items:center;display:flex;font-size:14px;gap:5px}.feed__info .time__elapse .time__elapse-icon{font-size:14px}.feed__share-options{display:flex;justify-content:space-evenly}.feed__share-option{align-items:center;display:inline-flex;justify-content:center;cursor:pointer;gap:.5rem;padding:10px}.feed__share-option:hover{background-color:#f5f5f5;border-radius:10px}.feed__share-option h4{display:none}@media(min-width: 1200px){.feed__share-option{justify-content:flex-start}.feed__share-option h4{display:initial}}.feed{background-color:#fff;display:flex;flex-direction:column;gap:.5rem;box-shadow:0px 0px 0px 1px rgba(0,0,0,.08);padding:0}@media(min-width: 768px){.feed{box-shadow:0px 0px 0px 1px rgba(0,0,0,.08);border-radius:10px}}.feed__header{display:flex;gap:.5rem;padding:5px 1rem 0;justify-content:space-between;align-items:center}.feed__body{overflow-wrap:anywhere;display:flex;flex-direction:column;gap:.5rem}.feed__body h2{padding:0 10px}.feed__body p,.feed__body a,.feed__body span{padding:0 10px;line-height:1.25}.feed__body>img,.feed__body>video{width:100%;max-height:550px;object-fit:cover}.feed__buttons{display:flex;justify-content:space-around;border-top:1px solid #d3d3d3;gap:.5rem;padding:5px;margin:0 5px}.feed__buttons .feed__share-option{flex-grow:1}.external__share{display:flex;position:absolute;align-items:center;padding:5px 1rem;bottom:calc(100% + .5rem);gap:.5rem;right:0;width:16.5rem;border-radius:10px;background-color:#fff;box-shadow:0px 4px 4px -2px rgba(0,0,0,.12),0px -4px 4px -2px rgba(0,0,0,.12)}.external__share.post{transform:none;bottom:100%;right:1.5rem;z-index:200}
|
557 |
.feed__share{background-color:#fff;display:grid;gap:1rem;padding:10px;width:100%;box-shadow:0px 0px 0px 1px rgba(0,0,0,.08)}@media(min-width: 768px){.feed__share{border-radius:10px}}.feed__input-container{display:flex;align-items:center;gap:.5rem}.feed__input-container .feed__input{align-items:center;border:1px solid #d3d3d3;border-radius:30px;color:gray;display:flex;gap:.5rem;padding:10px;padding-left:1rem;overflow:hidden;flex:1;cursor:pointer}.feed__input-container .feed__input:hover{background-color:rgba(0,0,0,.08)}.feed__input-container .feed__input input{background-color:rgba(0,0,0,0);border:none;cursor:pointer;outline:none;flex:1;font-weight:600}.feed__section{display:flex;flex-direction:column;grid-area:main;gap:1rem;position:relative}.feed__info{display:flex;flex-direction:column;justify-content:center;gap:5px}.feed__info>a>h2{font-size:1rem;font-weight:bold}.feed__info>p{font-size:.8rem;color:gray;line-height:1.5}.feed__info .time__elapse{align-items:center;display:flex;font-size:14px;gap:5px}.feed__info .time__elapse .time__elapse-icon{font-size:14px}.feed__share-options{display:flex;justify-content:space-evenly}.feed__share-option{align-items:center;display:inline-flex;justify-content:center;cursor:pointer;gap:.5rem;padding:10px}.feed__share-option:hover{background-color:#f5f5f5;border-radius:10px}.feed__share-option h4{display:none}@media(min-width: 1200px){.feed__share-option{justify-content:flex-start}.feed__share-option h4{display:initial}}.feed{background-color:#fff;display:flex;flex-direction:column;gap:.5rem;box-shadow:0px 0px 0px 1px rgba(0,0,0,.08);padding:0}@media(min-width: 768px){.feed{box-shadow:0px 0px 0px 1px rgba(0,0,0,.08);border-radius:10px}}.feed__header{display:flex;gap:.5rem;padding:5px 1rem 0;justify-content:space-between;align-items:center}.feed__body{overflow-wrap:anywhere;display:flex;flex-direction:column;gap:.5rem}.feed__body h2{padding:0 10px}.feed__body p,.feed__body a,.feed__body span{padding:0 10px;line-height:1.25}.feed__body>img,.feed__body>video{width:100%;max-height:550px;object-fit:cover}.feed__buttons{display:flex;justify-content:space-around;border-top:1px solid #d3d3d3;gap:.5rem;padding:5px;margin:0 5px}.feed__buttons .feed__share-option{flex-grow:1}.external__share{display:flex;position:absolute;align-items:center;padding:5px 1rem;bottom:calc(100% + .5rem);gap:.5rem;right:0;width:16.5rem;border-radius:10px;background-color:#fff;box-shadow:0px 4px 4px -2px rgba(0,0,0,.12),0px -4px 4px -2px rgba(0,0,0,.12)}.external__share.post{transform:none;bottom:100%;right:1.5rem;z-index:200}
|
| 281 |
.sidebar{position:relative;display:flex;flex-direction:column;gap:.5rem;height:fit-content;grid-area:sidebar}.sidebar__top{align-items:center;background-color:#fff;box-shadow:0px 0px 0px 1px rgba(0,0,0,.08);gap:.5rem;display:flex;flex-direction:column;padding-top:10px;overflow:hidden}.sidebar__top p,.sidebar__top h1{font-size:.9rem;padding:0 1rem}.sidebar__top h2,.sidebar__top h1{padding:0 1rem;text-align:center}.sidebar__top .sidebar__cover{width:100%;height:60px;object-fit:cover;margin-bottom:-20px}.sidebar__bottom{align-items:center;background-color:#fff;box-shadow:0px 0px 0px 1px rgba(0,0,0,.08);display:flex;flex-direction:column;overflow:hidden;padding:10px 0}.sidebar-apps__widget{background-color:#fff;padding:1rem;gap:.5rem}@media(min-width: 768px){.sidebar-apps__widget{box-shadow:0px 0px 0px 1px rgba(0,0,0,.08);border-radius:10px}}.sidebar__stats{background-color:#fff;padding-top:10px;padding-bottom:10px;border:1px solid #d3d3d3;border-top:0}.sidebar__stats:nth-last-child(2){border-radius:10px;border-top-left-radius:0;border-top-right-radius:0}.sidebar__stat{cursor:pointer;padding:10px;display:flex;justify-content:space-between;width:100%}.sidebar__stat:hover{background-color:rgba(0,0,0,.08)}.sidebar__stat>span{font-size:.9rem;font-weight:600;color:gray}.sidebar__stat-number{font-weight:bold !important;color:#0a66c2 !important}.sidebar__recent-item__container{display:flex;flex-direction:column;width:100%}.sidebar__recent-item{cursor:pointer;display:flex;align-items:center;justify-content:space-between;width:100%;padding:0 10px}.sidebar__recent-item>p{font-size:.9rem;font-weight:600;color:gray}.sidebar__recent-icon{background-color:rgba(0,0,0,0);border:none;border-radius:50%;height:2rem;width:2rem;display:grid;place-items:center;padding:0;cursor:pointer;transition:all .2s}.sidebar__recent-item:hover .sidebar__recent-icon{background-color:rgba(0,0,0,.08)}.sidebar__options{display:none}.sidebar__options.show{display:block}.sideabar__footer{display:grid;place-items:center}.sideabar__footer>button{border:none;background-color:rgba(0,0,0,0);width:100%;margin-top:10px;color:gray}.sideabar__footer>button:hover{background-color:rgba(0,0,0,.08)}.helper__list{display:flex;flex-direction:column;transition:all .2s ease-in-out;overflow:hidden;gap:.5rem}.helper__list.hide{height:0}.helper__list.show{height:auto}.helper__list .helper__list-item{padding:5px 10px;display:flex;align-items:center;gap:.5rem}.helper__list .helper__list-item:hover{background-color:rgba(0,0,0,.08)}.helper__list .helper__list-item>span{font-size:.9rem;font-weight:600;color:gray;text-align:left}@media(min-width: 576px){.sidebar__top{border-radius:10px}.sidebar__bottom{border-radius:10px}.sidebar__stats:nth-last-child(1){border-radius:10px;border-top-right-radius:0;border-top-left-radius:0}}@media(min-width: 768px){.sideabar__footer{display:none}.sidebar__options{display:block}}
|
558 |
.sidebar{position:relative;display:flex;flex-direction:column;gap:.5rem;height:fit-content;grid-area:sidebar}.sidebar__top{align-items:center;background-color:#fff;box-shadow:0px 0px 0px 1px rgba(0,0,0,.08);gap:.5rem;display:flex;flex-direction:column;padding-top:10px;overflow:hidden}.sidebar__top p,.sidebar__top h1{font-size:.9rem;padding:0 1rem}.sidebar__top h2,.sidebar__top h1{padding:0 1rem;text-align:center}.sidebar__top .sidebar__cover{width:100%;height:60px;object-fit:cover;margin-bottom:-20px}.sidebar__bottom{align-items:center;background-color:#fff;box-shadow:0px 0px 0px 1px rgba(0,0,0,.08);display:flex;flex-direction:column;overflow:hidden;padding:10px 0}.sidebar-apps__widget{background-color:#fff;padding:1rem;gap:.5rem}@media(min-width: 768px){.sidebar-apps__widget{box-shadow:0px 0px 0px 1px rgba(0,0,0,.08);border-radius:10px}}.sidebar__stats{background-color:#fff;padding-top:10px;padding-bottom:10px;border:1px solid #d3d3d3;border-top:0}.sidebar__stats:nth-last-child(2){border-radius:10px;border-top-left-radius:0;border-top-right-radius:0}.sidebar__stat{cursor:pointer;padding:10px;display:flex;justify-content:space-between;width:100%}.sidebar__stat:hover{background-color:rgba(0,0,0,.08)}.sidebar__stat>span{font-size:.9rem;font-weight:600;color:gray}.sidebar__stat-number{font-weight:bold !important;color:#0a66c2 !important}.sidebar__recent-item__container{display:flex;flex-direction:column;width:100%}.sidebar__recent-item{cursor:pointer;display:flex;align-items:center;justify-content:space-between;width:100%;padding:0 10px}.sidebar__recent-item>p{font-size:.9rem;font-weight:600;color:gray}.sidebar__recent-icon{background-color:rgba(0,0,0,0);border:none;border-radius:50%;height:2rem;width:2rem;display:grid;place-items:center;padding:0;cursor:pointer;transition:all .2s}.sidebar__recent-item:hover .sidebar__recent-icon{background-color:rgba(0,0,0,.08)}.sidebar__options{display:none}.sidebar__options.show{display:block}.sideabar__footer{display:grid;place-items:center}.sideabar__footer>button{border:none;background-color:rgba(0,0,0,0);width:100%;margin-top:10px;color:gray}.sideabar__footer>button:hover{background-color:rgba(0,0,0,.08)}.helper__list{display:flex;flex-direction:column;transition:all .2s ease-in-out;overflow:hidden;gap:.5rem}.helper__list.hide{height:0}.helper__list.show{height:auto}.helper__list .helper__list-item{padding:5px 10px;display:flex;align-items:center;gap:.5rem}.helper__list .helper__list-item:hover{background-color:rgba(0,0,0,.08)}.helper__list .helper__list-item>span{font-size:.9rem;font-weight:600;color:gray;text-align:left}@media(min-width: 576px){.sidebar__top{border-radius:10px}.sidebar__bottom{border-radius:10px}.sidebar__stats:nth-last-child(1){border-radius:10px;border-top-right-radius:0;border-top-left-radius:0}}@media(min-width: 768px){.sideabar__footer{display:none}.sidebar__options{display:block}}
|