| Línea 552... |
Línea 552... |
| 552 |
}
|
552 |
}
|
| Línea 553... |
Línea 553... |
| 553 |
|
553 |
|
| 554 |
.st65 {
|
554 |
.st65 {
|
| 555 |
fill: #B1B3B6;
|
555 |
fill: #B1B3B6;
|
| - |
|
556 |
}
|
| - |
|
557 |
.st0 {
|
| - |
|
558 |
fill: #3C5A9A;
|
| - |
|
559 |
}
|
| - |
|
560 |
|
| - |
|
561 |
.st1 {
|
| - |
|
562 |
fill: #D61F2F;
|
| - |
|
563 |
}
|
| - |
|
564 |
|
| - |
|
565 |
.st2 {
|
| - |
|
566 |
fill: #2D4D85;
|
| - |
|
567 |
}
|
| - |
|
568 |
|
| - |
|
569 |
.st3 {
|
| - |
|
570 |
fill: #FFFFFF;
|
| - |
|
571 |
}
|
| - |
|
572 |
|
| - |
|
573 |
.st4 {
|
| - |
|
574 |
fill: #F58A63;
|
| - |
|
575 |
}
|
| - |
|
576 |
|
| - |
|
577 |
.st5 {
|
| - |
|
578 |
fill: #303030;
|
| - |
|
579 |
}
|
| - |
|
580 |
|
| - |
|
581 |
.st6 {
|
| - |
|
582 |
fill: #FEC127;
|
| - |
|
583 |
}
|
| - |
|
584 |
|
| - |
|
585 |
.st7 {
|
| - |
|
586 |
fill: #FFDE94;
|
| - |
|
587 |
}
|
| - |
|
588 |
|
| - |
|
589 |
.st8 {
|
| - |
|
590 |
fill: #FEE0C4;
|
| - |
|
591 |
}
|
| - |
|
592 |
|
| - |
|
593 |
.st9 {
|
| - |
|
594 |
fill: #6C88BC;
|
| - |
|
595 |
}
|
| - |
|
596 |
|
| - |
|
597 |
.st10 {
|
| - |
|
598 |
fill: #FFF7E2;
|
| - |
|
599 |
}
|
| - |
|
600 |
|
| - |
|
601 |
.st11 {
|
| - |
|
602 |
clip-path: url(#SVGID_00000062189725996978197870000007331917362020640691_);
|
| - |
|
603 |
}
|
| - |
|
604 |
|
| - |
|
605 |
.st12 {
|
| - |
|
606 |
clip-path: url(#SVGID_00000018229676656686731220000001369591624427376016_);
|
| - |
|
607 |
}
|
| - |
|
608 |
|
| - |
|
609 |
.st13 {
|
| - |
|
610 |
fill: #F2F2F2;
|
| - |
|
611 |
}
|
| - |
|
612 |
|
| - |
|
613 |
.st14 {
|
| - |
|
614 |
clip-path: url(#SVGID_00000136376382441531487280000006515754032091454374_);
|
| - |
|
615 |
}
|
| - |
|
616 |
|
| - |
|
617 |
.st15 {
|
| - |
|
618 |
fill: #63240D;
|
| - |
|
619 |
}
|
| - |
|
620 |
|
| - |
|
621 |
.st16 {
|
| - |
|
622 |
clip-path: url(#SVGID_00000028300171850575760980000016624524991907710345_);
|
| - |
|
623 |
}
|
| - |
|
624 |
|
| - |
|
625 |
.st17 {
|
| - |
|
626 |
clip-path: url(#SVGID_00000081617760027084059690000009757369537648421766_);
|
| - |
|
627 |
}
|
| - |
|
628 |
|
| - |
|
629 |
.st18 {
|
| - |
|
630 |
opacity: 0.6;
|
| - |
|
631 |
}
|
| - |
|
632 |
|
| - |
|
633 |
.st19 {
|
| - |
|
634 |
opacity: 0.9;
|
| - |
|
635 |
}
|
| - |
|
636 |
|
| - |
|
637 |
.st20 {
|
| - |
|
638 |
fill: #010101;
|
| - |
|
639 |
}
|
| - |
|
640 |
|
| - |
|
641 |
.st21 {
|
| - |
|
642 |
clip-path: url(#SVGID_00000153685420229510067420000011148661091305890950_);
|
| - |
|
643 |
}
|
| - |
|
644 |
|
| - |
|
645 |
.st22 {
|
| - |
|
646 |
fill: #424143;
|
| - |
|
647 |
}
|
| - |
|
648 |
|
| - |
|
649 |
.st23 {
|
| - |
|
650 |
clip-path: url(#SVGID_00000008862590085287932930000000844697207762980279_);
|
| - |
|
651 |
}
|
| - |
|
652 |
|
| - |
|
653 |
.st24 {
|
| - |
|
654 |
clip-path: url(#SVGID_00000090289658663492153420000007574769815623787655_);
|
| - |
|
655 |
}
|
| - |
|
656 |
|
| - |
|
657 |
.st25 {
|
| - |
|
658 |
clip-path: url(#SVGID_00000078752090229967824190000010286322800957728422_);
|
| - |
|
659 |
}
|
| - |
|
660 |
|
| - |
|
661 |
.st26 {
|
| - |
|
662 |
clip-path: url(#SVGID_00000019674413454341412380000004816082845021573802_);
|
| - |
|
663 |
}
|
| - |
|
664 |
|
| - |
|
665 |
.st27 {
|
| - |
|
666 |
clip-path: url(#SVGID_00000000183904205148058680000009545543358440507578_);
|
| - |
|
667 |
}
|
| - |
|
668 |
|
| - |
|
669 |
.st28 {
|
| - |
|
670 |
fill: #99B5D1;
|
| - |
|
671 |
}
|
| - |
|
672 |
|
| - |
|
673 |
.st29 {
|
| - |
|
674 |
fill: #37A1DA;
|
| - |
|
675 |
}
|
| - |
|
676 |
|
| - |
|
677 |
.st30 {
|
| - |
|
678 |
fill: #128FCB;
|
| - |
|
679 |
}
|
| - |
|
680 |
|
| - |
|
681 |
.st31 {
|
| - |
|
682 |
fill: #3FB8EA;
|
| - |
|
683 |
}
|
| - |
|
684 |
|
| - |
|
685 |
.st32 {
|
| - |
|
686 |
clip-path: url(#SVGID_00000152228369515481416530000001877793872489347768_);
|
| - |
|
687 |
}
|
| - |
|
688 |
|
| - |
|
689 |
.st33 {
|
| - |
|
690 |
clip-path: url(#SVGID_00000059990488177607847460000015174249640601286545_);
|
| - |
|
691 |
}
|
| - |
|
692 |
|
| - |
|
693 |
.st34 {
|
| - |
|
694 |
clip-path: url(#SVGID_00000138552622419397549970000010978552153783123586_);
|
| - |
|
695 |
}
|
| - |
|
696 |
|
| - |
|
697 |
.st35 {
|
| - |
|
698 |
clip-path: url(#SVGID_00000106135711139111546900000012442865468140521116_);
|
| - |
|
699 |
}
|
| - |
|
700 |
|
| - |
|
701 |
.st36 {
|
| - |
|
702 |
clip-path: url(#SVGID_00000111177304954156717190000010979177442546967735_);
|
| - |
|
703 |
}
|
| - |
|
704 |
|
| - |
|
705 |
.st37 {
|
| - |
|
706 |
clip-path: url(#SVGID_00000016051101931286794640000013750008909457376687_);
|
| - |
|
707 |
}
|
| - |
|
708 |
|
| - |
|
709 |
.st38 {
|
| - |
|
710 |
clip-path: url(#SVGID_00000162331475911298092300000000325197808554311611_);
|
| - |
|
711 |
fill: #63240D;
|
| - |
|
712 |
}
|
| - |
|
713 |
|
| - |
|
714 |
.st39 {
|
| - |
|
715 |
clip-path: url(#SVGID_00000117644813310731966520000010976301027731421317_);
|
| - |
|
716 |
fill: #F2F2F2;
|
| - |
|
717 |
}
|
| - |
|
718 |
|
| - |
|
719 |
.st40 {
|
| - |
|
720 |
clip-path: url(#SVGID_00000117644813310731966520000010976301027731421317_);
|
| - |
|
721 |
}
|
| - |
|
722 |
|
| - |
|
723 |
.st41 {
|
| - |
|
724 |
clip-path: url(#SVGID_00000183944956438958504680000001526995412805342655_);
|
| - |
|
725 |
fill: #63240D;
|
| - |
|
726 |
}
|
| - |
|
727 |
|
| - |
|
728 |
.st42 {
|
| - |
|
729 |
clip-path: url(#SVGID_00000183944956438958504680000001526995412805342655_);
|
| - |
|
730 |
fill: #F2F2F2;
|
| - |
|
731 |
}
|
| - |
|
732 |
|
| - |
|
733 |
.st43 {
|
| - |
|
734 |
clip-path: url(#SVGID_00000066475038951823418170000017727590989636497076_);
|
| - |
|
735 |
fill: #F2F2F2;
|
| - |
|
736 |
}
|
| - |
|
737 |
|
| - |
|
738 |
.st44 {
|
| - |
|
739 |
clip-path: url(#SVGID_00000066475038951823418170000017727590989636497076_);
|
| - |
|
740 |
}
|
| - |
|
741 |
|
| - |
|
742 |
.st45 {
|
| - |
|
743 |
clip-path: url(#SVGID_00000156553837588569064700000011652887627720284580_);
|
| - |
|
744 |
fill: #63240D;
|
| - |
|
745 |
}
|
| - |
|
746 |
|
| - |
|
747 |
.st46 {
|
| - |
|
748 |
clip-path: url(#SVGID_00000156553837588569064700000011652887627720284580_);
|
| - |
|
749 |
fill: #F2F2F2;
|
| - |
|
750 |
}
|
| - |
|
751 |
|
| - |
|
752 |
.st47 {
|
| - |
|
753 |
clip-path: url(#SVGID_00000013907772001357801360000014192525386157311392_);
|
| - |
|
754 |
}
|
| - |
|
755 |
|
| - |
|
756 |
.st48 {
|
| - |
|
757 |
fill: url(#SVGID_00000129890654715534121240000007541916450788888224_);
|
| - |
|
758 |
}
|
| - |
|
759 |
|
| - |
|
760 |
.st49 {
|
| - |
|
761 |
fill: url(#SVGID_00000060714047354912399400000011174528514415332495_);
|
| - |
|
762 |
}
|
| - |
|
763 |
|
| - |
|
764 |
.st50 {
|
| - |
|
765 |
opacity: 0.65;
|
| - |
|
766 |
fill: #010101;
|
| - |
|
767 |
}
|
| - |
|
768 |
|
| - |
|
769 |
.st51 {
|
| - |
|
770 |
fill: #B4B4B4;
|
| - |
|
771 |
}
|
| - |
|
772 |
|
| - |
|
773 |
.st52 {
|
| - |
|
774 |
clip-path: url(#SVGID_00000101065208882329819590000006400568932763569594_);
|
| - |
|
775 |
}
|
| - |
|
776 |
|
| - |
|
777 |
.st53 {
|
| - |
|
778 |
fill: #2EA7DF;
|
| - |
|
779 |
}
|
| - |
|
780 |
|
| - |
|
781 |
.st54 {
|
| - |
|
782 |
fill: #2189AE;
|
| - |
|
783 |
}
|
| - |
|
784 |
|
| - |
|
785 |
.st55 {
|
| - |
|
786 |
clip-path: url(#SVGID_00000008854833528865223220000010962272320063700879_);
|
| - |
|
787 |
}
|
| - |
|
788 |
|
| - |
|
789 |
.st56 {
|
| - |
|
790 |
clip-path: url(#SVGID_00000131362155670226651070000008812805657267509918_);
|
| - |
|
791 |
fill: #F2F2F2;
|
| - |
|
792 |
}
|
| - |
|
793 |
|
| - |
|
794 |
.st57 {
|
| - |
|
795 |
clip-path: url(#SVGID_00000131362155670226651070000008812805657267509918_);
|
| - |
|
796 |
}
|
| - |
|
797 |
|
| - |
|
798 |
.st58 {
|
| - |
|
799 |
clip-path: url(#SVGID_00000152260071482624984410000006737292696409075642_);
|
| - |
|
800 |
fill: #63240D;
|
| - |
|
801 |
}
|
| - |
|
802 |
|
| - |
|
803 |
.st59 {
|
| - |
|
804 |
clip-path: url(#SVGID_00000152260071482624984410000006737292696409075642_);
|
| - |
|
805 |
fill: #F2F2F2;
|
| - |
|
806 |
}
|
| - |
|
807 |
|
| - |
|
808 |
.st60 {
|
| - |
|
809 |
clip-path: url(#SVGID_00000028296072367541805160000011250242985967759032_);
|
| - |
|
810 |
fill: #F2F2F2;
|
| - |
|
811 |
}
|
| - |
|
812 |
|
| - |
|
813 |
.st61 {
|
| - |
|
814 |
clip-path: url(#SVGID_00000028296072367541805160000011250242985967759032_);
|
| - |
|
815 |
}
|
| - |
|
816 |
|
| - |
|
817 |
.st62 {
|
| - |
|
818 |
clip-path: url(#SVGID_00000077322079593215335550000011307261467048761785_);
|
| - |
|
819 |
fill: #63240D;
|
| - |
|
820 |
}
|
| - |
|
821 |
|
| - |
|
822 |
.st63 {
|
| - |
|
823 |
clip-path: url(#SVGID_00000077322079593215335550000011307261467048761785_);
|
| - |
|
824 |
fill: #F2F2F2;
|
| - |
|
825 |
}
|
| - |
|
826 |
|
| - |
|
827 |
.st64 {
|
| - |
|
828 |
fill: #333333;
|
| - |
|
829 |
}
|
| - |
|
830 |
|
| - |
|
831 |
.st65 {
|
| - |
|
832 |
fill: #B1B3B6;
|
| 556 |
}
|
833 |
}
|
| 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}
|
834 |
.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}
|
| 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}}
|
835 |
.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}}
|