@charset "UTF-8";

:root {
    --safe-top: env(safe-area-inset-top);
    --safe-left: env(safe-area-inset-left);
    --safe-bottom: env(safe-area-inset-bottom);
    --safe-right: env(safe-area-inset-right);
}

* {
    margin: 0;
    padding: 0;
    text-decoration: none;
    font-size: 1em;
    font-family: "Noto Sans TC", sans-serif;
    letter-spacing: 0;
    word-wrap: break-word;
    border: none;
    outline: none;
    resize: none;
    background-color: transparent;
    color: #000;
    box-sizing: border-box !important;
    scrollbar-width: none;
    -ms-overflow-style: none;
    touch-action: manipulation;
}

*::-webkit-scrollbar {
    display: none;
}

img {
    object-fit: cover;
}

a[href]:not([href=""]),
button {
    cursor: pointer;
}

html {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.line {
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.line.r1 {
    line-clamp: 1;
    -webkit-line-clamp: 1;
}

.line.r2 {
    line-clamp: 2;
    -webkit-line-clamp: 2;
}

.line.r3 {
    line-clamp: 3;
    -webkit-line-clamp: 3;
}

.line.r4 {
    line-clamp: 4;
    -webkit-line-clamp: 4;
}

.line.r5 {
    line-clamp: 5;
    -webkit-line-clamp: 5;
}

.line.r6 {
    line-clamp: 6;
    -webkit-line-clamp: 6;
}

.line.r7 {
    line-clamp: 7;
    -webkit-line-clamp: 7;
}

.line.r8 {
    line-clamp: 8;
    -webkit-line-clamp: 8;
}

body {
    position: relative;
    display: flex;
    flex-flow: column;
    width: 100%;
    height: 100%;
    background-color: var(--bgcolor);
    overflow: hidden scroll;
}

body #right-tab {
    position: fixed;
    z-index: 10000;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.1019607843);
    backdrop-filter: blur(0.5rem);
    -webkit-backdrop-filter: blur(0.5rem);
    animation: right-tab-show 0.3s;
    -moz-animation: right-tab-show 0.3s;
    -webkit-animation: right-tab-show 0.3s;
    transition: 0.3s;
}

@keyframes right-tab-show {
    0% {
        background-color: rgba(0, 0, 0, 0.0509803922);
        backdrop-filter: blur(0);
        -webkit-backdrop-filter: blur(0);
    }
}

@-webkit-keyframes right-tab-show {
    0% {
        background-color: rgba(0, 0, 0, 0.0509803922);
        backdrop-filter: blur(0);
        -webkit-backdrop-filter: blur(0);
    }
}

@-moz-keyframes right-tab-show {
    0% {
        background-color: rgba(0, 0, 0, 0.0509803922);
        backdrop-filter: blur(0);
        -webkit-backdrop-filter: blur(0);
    }
}

body #right-tab.hide {
    background-color: rgba(0, 0, 0, 0.0509803922);
    backdrop-filter: blur(0);
    -webkit-backdrop-filter: blur(0);
}

body #right-tab.hide section {
    right: -20rem;
}

body #right-tab section {
    position: absolute;
    display: flex;
    flex-flow: column;
    justify-content: space-between;
    top: 0;
    bottom: 0;
    right: 0;
    padding: 3rem 2rem 0;
    width: 100%;
    max-width: 20rem;
    height: 100%;
    background-color: #fff;
    animation: right-tab-body-show 0.3s;
    -moz-animation: right-tab-body-show 0.3s;
    -webkit-animation: right-tab-body-show 0.3s;
    transition: 0.3s;
    overflow: scroll;
}

@keyframes right-tab-body-show {
    0% {
        right: -20rem;
    }
}

@-webkit-keyframes right-tab-body-show {
    0% {
        right: -20rem;
    }
}

@-moz-keyframes right-tab-body-show {
    0% {
        right: -20rem;
    }
}

body #right-tab section button {
    position: absolute;
    top: 1rem;
    right: 1rem;
}

body #right-tab section button i {
    font-size: 1.5rem;
}

body #right-tab section ul {
    list-style: none;
}

body #right-tab section ul.contact li {
    border-top: 1px solid transparent;
}

body #right-tab section ul li {
    line-height: 3rem;
    border-top: 1px solid rgba(0, 0, 0, 0.1019607843);
    color: var(--color-dark-6);
    cursor: pointer;
}

body #right-tab section ul li:nth-child(1) {
    border-top: 1px solid transparent;
}

body #right-tab section ul li a {
    color: inherit;
}

body #right-tab section ul li i {
    margin-left: 0.5rem;
    color: inherit;
}

body #right-tab section ul li ul {
    padding-left: 1rem;
    max-height: 0;
    opacity: 0;
    transition: 0.3s;
    overflow: hidden;
}

body #right-tab section ul li ul.show {
    opacity: 1;
}

body #right-tab section ul li ul.show[row="1"] {
    max-height: calc(3rem * 1 + 0.5rem);
}

body #right-tab section ul li ul.show[row="2"] {
    max-height: calc(3rem * 2 + 0.5rem);
}

body #right-tab section ul li ul.show[row="3"] {
    max-height: calc(3rem * 3 + 0.5rem);
}

body #right-tab section ul li ul.show[row="4"] {
    max-height: calc(3rem * 4 + 0.5rem);
}

body #right-tab section ul li ul.show[row="5"] {
    max-height: calc(3rem * 5 + 0.5rem);
}

body #right-tab section ul li ul.show[row="6"] {
    max-height: calc(3rem * 6 + 0.5rem);
}

body #right-tab section ul li ul.show[row="7"] {
    max-height: calc(3rem * 7 + 0.5rem);
}

body #right-tab section ul li ul.show[row="8"] {
    max-height: calc(3rem * 8 + 0.5rem);
}

body #right-tab section ul li ul li {
    color: var(--color-dark-4);
}

body ul.path {
    display: flex;
    flex-flow: row wrap;
    list-style: none;
}

body ul.path.slash li::before {
    content: "/";
    padding: 0 0.5rem;
    color: var(--color-dark-8);
}

body ul.path.light li {
    color: var(--color-light-6);
}

body ul.path.light li::before {
    color: var(--color-light-6);
}

body ul.path li {
    color: var(--color-dark-4);
    font-size: 0.875rem;
    font-weight: 300;
}

body ul.path li::before {
    content: "/";
    padding: 0 0.25rem;
    font-size: 1rem;
    color: var(--color-brand-2);
}

@media screen and (min-width: 480px) {
    body ul.path li::before {
        content: "・";
    }
}

body ul.path li:nth-child(1)::before {
    content: "";
    padding: 0;
    font-size: 1rem;
}

body ul.path li a {
    color: inherit;
    transition: 0.3s;
}

body ul.path li a:hover {
    color: var(--color-brand-2);
}

body ul.path li time {
    color: inherit;
}

body ul.path li i {
    font-size: 0.875rem;
    color: inherit;
}

body ul.contact,
body ul.share {
    display: flex;
    gap: 1rem;
    list-style: none;
}

body ul.contact.dark li,
body ul.share.dark li {
    color: var(--color-dark-8) !important;
}

body ul.contact.dark li:hover,
body ul.share.dark li:hover {
    color: var(--color-brand-2) !important;
}

body ul.contact.large li i,
body ul.share.large li i {
    font-size: 1.125rem !important;
}

body ul.contact li,
body ul.share li {
    padding: 0 !important;
    color: var(--color-dark-4);
    font-size: 0.875rem;
    font-weight: 300;
    transition: 0.3s;
    cursor: pointer;
}

body ul.contact li:hover,
body ul.share li:hover {
    color: var(--color-dark-8);
}

body ul.contact li i,
body ul.share li i {
    color: inherit;
    font-size: 1rem;
}

body ul.contact li a,
body ul.contact li i,
body ul.share li a,
body ul.share li i {
    color: inherit;
}

body ul.tag {
    display: flex;
    flex-flow: row wrap;
    gap: 0.5rem;
    list-style: none;
}

body ul.tag li {
    padding: 0 1rem;
    line-height: 1.5rem;
    font-size: 0.75rem;
    font-weight: 300;
    color: var(--color-dark-4);
    border: 1px solid rgba(0, 0, 0, 0.1019607843);
    border-radius: 0.75rem;
    transition: 0.3s;
    cursor: pointer;
}

body ul.tag li::before {
    content: "#";
    color: inherit;
}

body ul.tag li:hover {
    color: var(--color-brand-2);
    border: 1px solid var(--color-brand-2);
}

body #top-nav {
    position: fixed;
    top: 0;
    z-index: 1000;
    width: 100%;
    background-color: #FFF;
    box-shadow: 0 0 0.25rem transparent;
    transition: 0.3s;
}

body #top-nav.show {
    box-shadow: 0 0 0.25rem rgba(0, 0, 0, 0.1019607843);
}

body #top-nav.show>section {
    height: 5rem;
}

body #top-nav[percent="0"]::before {
    width: calc(0 * 0.1%);
}

body #top-nav[percent="1"]::before {
    width: calc(1 * 0.1%);
}

body #top-nav[percent="2"]::before {
    width: calc(2 * 0.1%);
}

body #top-nav[percent="3"]::before {
    width: calc(3 * 0.1%);
}

body #top-nav[percent="4"]::before {
    width: calc(4 * 0.1%);
}

body #top-nav[percent="5"]::before {
    width: calc(5 * 0.1%);
}

body #top-nav[percent="6"]::before {
    width: calc(6 * 0.1%);
}

body #top-nav[percent="7"]::before {
    width: calc(7 * 0.1%);
}

body #top-nav[percent="8"]::before {
    width: calc(8 * 0.1%);
}

body #top-nav[percent="9"]::before {
    width: calc(9 * 0.1%);
}

body #top-nav[percent="10"]::before {
    width: calc(10 * 0.1%);
}

body #top-nav[percent="11"]::before {
    width: calc(11 * 0.1%);
}

body #top-nav[percent="12"]::before {
    width: calc(12 * 0.1%);
}

body #top-nav[percent="13"]::before {
    width: calc(13 * 0.1%);
}

body #top-nav[percent="14"]::before {
    width: calc(14 * 0.1%);
}

body #top-nav[percent="15"]::before {
    width: calc(15 * 0.1%);
}

body #top-nav[percent="16"]::before {
    width: calc(16 * 0.1%);
}

body #top-nav[percent="17"]::before {
    width: calc(17 * 0.1%);
}

body #top-nav[percent="18"]::before {
    width: calc(18 * 0.1%);
}

body #top-nav[percent="19"]::before {
    width: calc(19 * 0.1%);
}

body #top-nav[percent="20"]::before {
    width: calc(20 * 0.1%);
}

body #top-nav[percent="21"]::before {
    width: calc(21 * 0.1%);
}

body #top-nav[percent="22"]::before {
    width: calc(22 * 0.1%);
}

body #top-nav[percent="23"]::before {
    width: calc(23 * 0.1%);
}

body #top-nav[percent="24"]::before {
    width: calc(24 * 0.1%);
}

body #top-nav[percent="25"]::before {
    width: calc(25 * 0.1%);
}

body #top-nav[percent="26"]::before {
    width: calc(26 * 0.1%);
}

body #top-nav[percent="27"]::before {
    width: calc(27 * 0.1%);
}

body #top-nav[percent="28"]::before {
    width: calc(28 * 0.1%);
}

body #top-nav[percent="29"]::before {
    width: calc(29 * 0.1%);
}

body #top-nav[percent="30"]::before {
    width: calc(30 * 0.1%);
}

body #top-nav[percent="31"]::before {
    width: calc(31 * 0.1%);
}

body #top-nav[percent="32"]::before {
    width: calc(32 * 0.1%);
}

body #top-nav[percent="33"]::before {
    width: calc(33 * 0.1%);
}

body #top-nav[percent="34"]::before {
    width: calc(34 * 0.1%);
}

body #top-nav[percent="35"]::before {
    width: calc(35 * 0.1%);
}

body #top-nav[percent="36"]::before {
    width: calc(36 * 0.1%);
}

body #top-nav[percent="37"]::before {
    width: calc(37 * 0.1%);
}

body #top-nav[percent="38"]::before {
    width: calc(38 * 0.1%);
}

body #top-nav[percent="39"]::before {
    width: calc(39 * 0.1%);
}

body #top-nav[percent="40"]::before {
    width: calc(40 * 0.1%);
}

body #top-nav[percent="41"]::before {
    width: calc(41 * 0.1%);
}

body #top-nav[percent="42"]::before {
    width: calc(42 * 0.1%);
}

body #top-nav[percent="43"]::before {
    width: calc(43 * 0.1%);
}

body #top-nav[percent="44"]::before {
    width: calc(44 * 0.1%);
}

body #top-nav[percent="45"]::before {
    width: calc(45 * 0.1%);
}

body #top-nav[percent="46"]::before {
    width: calc(46 * 0.1%);
}

body #top-nav[percent="47"]::before {
    width: calc(47 * 0.1%);
}

body #top-nav[percent="48"]::before {
    width: calc(48 * 0.1%);
}

body #top-nav[percent="49"]::before {
    width: calc(49 * 0.1%);
}

body #top-nav[percent="50"]::before {
    width: calc(50 * 0.1%);
}

body #top-nav[percent="51"]::before {
    width: calc(51 * 0.1%);
}

body #top-nav[percent="52"]::before {
    width: calc(52 * 0.1%);
}

body #top-nav[percent="53"]::before {
    width: calc(53 * 0.1%);
}

body #top-nav[percent="54"]::before {
    width: calc(54 * 0.1%);
}

body #top-nav[percent="55"]::before {
    width: calc(55 * 0.1%);
}

body #top-nav[percent="56"]::before {
    width: calc(56 * 0.1%);
}

body #top-nav[percent="57"]::before {
    width: calc(57 * 0.1%);
}

body #top-nav[percent="58"]::before {
    width: calc(58 * 0.1%);
}

body #top-nav[percent="59"]::before {
    width: calc(59 * 0.1%);
}

body #top-nav[percent="60"]::before {
    width: calc(60 * 0.1%);
}

body #top-nav[percent="61"]::before {
    width: calc(61 * 0.1%);
}

body #top-nav[percent="62"]::before {
    width: calc(62 * 0.1%);
}

body #top-nav[percent="63"]::before {
    width: calc(63 * 0.1%);
}

body #top-nav[percent="64"]::before {
    width: calc(64 * 0.1%);
}

body #top-nav[percent="65"]::before {
    width: calc(65 * 0.1%);
}

body #top-nav[percent="66"]::before {
    width: calc(66 * 0.1%);
}

body #top-nav[percent="67"]::before {
    width: calc(67 * 0.1%);
}

body #top-nav[percent="68"]::before {
    width: calc(68 * 0.1%);
}

body #top-nav[percent="69"]::before {
    width: calc(69 * 0.1%);
}

body #top-nav[percent="70"]::before {
    width: calc(70 * 0.1%);
}

body #top-nav[percent="71"]::before {
    width: calc(71 * 0.1%);
}

body #top-nav[percent="72"]::before {
    width: calc(72 * 0.1%);
}

body #top-nav[percent="73"]::before {
    width: calc(73 * 0.1%);
}

body #top-nav[percent="74"]::before {
    width: calc(74 * 0.1%);
}

body #top-nav[percent="75"]::before {
    width: calc(75 * 0.1%);
}

body #top-nav[percent="76"]::before {
    width: calc(76 * 0.1%);
}

body #top-nav[percent="77"]::before {
    width: calc(77 * 0.1%);
}

body #top-nav[percent="78"]::before {
    width: calc(78 * 0.1%);
}

body #top-nav[percent="79"]::before {
    width: calc(79 * 0.1%);
}

body #top-nav[percent="80"]::before {
    width: calc(80 * 0.1%);
}

body #top-nav[percent="81"]::before {
    width: calc(81 * 0.1%);
}

body #top-nav[percent="82"]::before {
    width: calc(82 * 0.1%);
}

body #top-nav[percent="83"]::before {
    width: calc(83 * 0.1%);
}

body #top-nav[percent="84"]::before {
    width: calc(84 * 0.1%);
}

body #top-nav[percent="85"]::before {
    width: calc(85 * 0.1%);
}

body #top-nav[percent="86"]::before {
    width: calc(86 * 0.1%);
}

body #top-nav[percent="87"]::before {
    width: calc(87 * 0.1%);
}

body #top-nav[percent="88"]::before {
    width: calc(88 * 0.1%);
}

body #top-nav[percent="89"]::before {
    width: calc(89 * 0.1%);
}

body #top-nav[percent="90"]::before {
    width: calc(90 * 0.1%);
}

body #top-nav[percent="91"]::before {
    width: calc(91 * 0.1%);
}

body #top-nav[percent="92"]::before {
    width: calc(92 * 0.1%);
}

body #top-nav[percent="93"]::before {
    width: calc(93 * 0.1%);
}

body #top-nav[percent="94"]::before {
    width: calc(94 * 0.1%);
}

body #top-nav[percent="95"]::before {
    width: calc(95 * 0.1%);
}

body #top-nav[percent="96"]::before {
    width: calc(96 * 0.1%);
}

body #top-nav[percent="97"]::before {
    width: calc(97 * 0.1%);
}

body #top-nav[percent="98"]::before {
    width: calc(98 * 0.1%);
}

body #top-nav[percent="99"]::before {
    width: calc(99 * 0.1%);
}

body #top-nav[percent="100"]::before {
    width: calc(100 * 0.1%);
}

body #top-nav[percent="101"]::before {
    width: calc(101 * 0.1%);
}

body #top-nav[percent="102"]::before {
    width: calc(102 * 0.1%);
}

body #top-nav[percent="103"]::before {
    width: calc(103 * 0.1%);
}

body #top-nav[percent="104"]::before {
    width: calc(104 * 0.1%);
}

body #top-nav[percent="105"]::before {
    width: calc(105 * 0.1%);
}

body #top-nav[percent="106"]::before {
    width: calc(106 * 0.1%);
}

body #top-nav[percent="107"]::before {
    width: calc(107 * 0.1%);
}

body #top-nav[percent="108"]::before {
    width: calc(108 * 0.1%);
}

body #top-nav[percent="109"]::before {
    width: calc(109 * 0.1%);
}

body #top-nav[percent="110"]::before {
    width: calc(110 * 0.1%);
}

body #top-nav[percent="111"]::before {
    width: calc(111 * 0.1%);
}

body #top-nav[percent="112"]::before {
    width: calc(112 * 0.1%);
}

body #top-nav[percent="113"]::before {
    width: calc(113 * 0.1%);
}

body #top-nav[percent="114"]::before {
    width: calc(114 * 0.1%);
}

body #top-nav[percent="115"]::before {
    width: calc(115 * 0.1%);
}

body #top-nav[percent="116"]::before {
    width: calc(116 * 0.1%);
}

body #top-nav[percent="117"]::before {
    width: calc(117 * 0.1%);
}

body #top-nav[percent="118"]::before {
    width: calc(118 * 0.1%);
}

body #top-nav[percent="119"]::before {
    width: calc(119 * 0.1%);
}

body #top-nav[percent="120"]::before {
    width: calc(120 * 0.1%);
}

body #top-nav[percent="121"]::before {
    width: calc(121 * 0.1%);
}

body #top-nav[percent="122"]::before {
    width: calc(122 * 0.1%);
}

body #top-nav[percent="123"]::before {
    width: calc(123 * 0.1%);
}

body #top-nav[percent="124"]::before {
    width: calc(124 * 0.1%);
}

body #top-nav[percent="125"]::before {
    width: calc(125 * 0.1%);
}

body #top-nav[percent="126"]::before {
    width: calc(126 * 0.1%);
}

body #top-nav[percent="127"]::before {
    width: calc(127 * 0.1%);
}

body #top-nav[percent="128"]::before {
    width: calc(128 * 0.1%);
}

body #top-nav[percent="129"]::before {
    width: calc(129 * 0.1%);
}

body #top-nav[percent="130"]::before {
    width: calc(130 * 0.1%);
}

body #top-nav[percent="131"]::before {
    width: calc(131 * 0.1%);
}

body #top-nav[percent="132"]::before {
    width: calc(132 * 0.1%);
}

body #top-nav[percent="133"]::before {
    width: calc(133 * 0.1%);
}

body #top-nav[percent="134"]::before {
    width: calc(134 * 0.1%);
}

body #top-nav[percent="135"]::before {
    width: calc(135 * 0.1%);
}

body #top-nav[percent="136"]::before {
    width: calc(136 * 0.1%);
}

body #top-nav[percent="137"]::before {
    width: calc(137 * 0.1%);
}

body #top-nav[percent="138"]::before {
    width: calc(138 * 0.1%);
}

body #top-nav[percent="139"]::before {
    width: calc(139 * 0.1%);
}

body #top-nav[percent="140"]::before {
    width: calc(140 * 0.1%);
}

body #top-nav[percent="141"]::before {
    width: calc(141 * 0.1%);
}

body #top-nav[percent="142"]::before {
    width: calc(142 * 0.1%);
}

body #top-nav[percent="143"]::before {
    width: calc(143 * 0.1%);
}

body #top-nav[percent="144"]::before {
    width: calc(144 * 0.1%);
}

body #top-nav[percent="145"]::before {
    width: calc(145 * 0.1%);
}

body #top-nav[percent="146"]::before {
    width: calc(146 * 0.1%);
}

body #top-nav[percent="147"]::before {
    width: calc(147 * 0.1%);
}

body #top-nav[percent="148"]::before {
    width: calc(148 * 0.1%);
}

body #top-nav[percent="149"]::before {
    width: calc(149 * 0.1%);
}

body #top-nav[percent="150"]::before {
    width: calc(150 * 0.1%);
}

body #top-nav[percent="151"]::before {
    width: calc(151 * 0.1%);
}

body #top-nav[percent="152"]::before {
    width: calc(152 * 0.1%);
}

body #top-nav[percent="153"]::before {
    width: calc(153 * 0.1%);
}

body #top-nav[percent="154"]::before {
    width: calc(154 * 0.1%);
}

body #top-nav[percent="155"]::before {
    width: calc(155 * 0.1%);
}

body #top-nav[percent="156"]::before {
    width: calc(156 * 0.1%);
}

body #top-nav[percent="157"]::before {
    width: calc(157 * 0.1%);
}

body #top-nav[percent="158"]::before {
    width: calc(158 * 0.1%);
}

body #top-nav[percent="159"]::before {
    width: calc(159 * 0.1%);
}

body #top-nav[percent="160"]::before {
    width: calc(160 * 0.1%);
}

body #top-nav[percent="161"]::before {
    width: calc(161 * 0.1%);
}

body #top-nav[percent="162"]::before {
    width: calc(162 * 0.1%);
}

body #top-nav[percent="163"]::before {
    width: calc(163 * 0.1%);
}

body #top-nav[percent="164"]::before {
    width: calc(164 * 0.1%);
}

body #top-nav[percent="165"]::before {
    width: calc(165 * 0.1%);
}

body #top-nav[percent="166"]::before {
    width: calc(166 * 0.1%);
}

body #top-nav[percent="167"]::before {
    width: calc(167 * 0.1%);
}

body #top-nav[percent="168"]::before {
    width: calc(168 * 0.1%);
}

body #top-nav[percent="169"]::before {
    width: calc(169 * 0.1%);
}

body #top-nav[percent="170"]::before {
    width: calc(170 * 0.1%);
}

body #top-nav[percent="171"]::before {
    width: calc(171 * 0.1%);
}

body #top-nav[percent="172"]::before {
    width: calc(172 * 0.1%);
}

body #top-nav[percent="173"]::before {
    width: calc(173 * 0.1%);
}

body #top-nav[percent="174"]::before {
    width: calc(174 * 0.1%);
}

body #top-nav[percent="175"]::before {
    width: calc(175 * 0.1%);
}

body #top-nav[percent="176"]::before {
    width: calc(176 * 0.1%);
}

body #top-nav[percent="177"]::before {
    width: calc(177 * 0.1%);
}

body #top-nav[percent="178"]::before {
    width: calc(178 * 0.1%);
}

body #top-nav[percent="179"]::before {
    width: calc(179 * 0.1%);
}

body #top-nav[percent="180"]::before {
    width: calc(180 * 0.1%);
}

body #top-nav[percent="181"]::before {
    width: calc(181 * 0.1%);
}

body #top-nav[percent="182"]::before {
    width: calc(182 * 0.1%);
}

body #top-nav[percent="183"]::before {
    width: calc(183 * 0.1%);
}

body #top-nav[percent="184"]::before {
    width: calc(184 * 0.1%);
}

body #top-nav[percent="185"]::before {
    width: calc(185 * 0.1%);
}

body #top-nav[percent="186"]::before {
    width: calc(186 * 0.1%);
}

body #top-nav[percent="187"]::before {
    width: calc(187 * 0.1%);
}

body #top-nav[percent="188"]::before {
    width: calc(188 * 0.1%);
}

body #top-nav[percent="189"]::before {
    width: calc(189 * 0.1%);
}

body #top-nav[percent="190"]::before {
    width: calc(190 * 0.1%);
}

body #top-nav[percent="191"]::before {
    width: calc(191 * 0.1%);
}

body #top-nav[percent="192"]::before {
    width: calc(192 * 0.1%);
}

body #top-nav[percent="193"]::before {
    width: calc(193 * 0.1%);
}

body #top-nav[percent="194"]::before {
    width: calc(194 * 0.1%);
}

body #top-nav[percent="195"]::before {
    width: calc(195 * 0.1%);
}

body #top-nav[percent="196"]::before {
    width: calc(196 * 0.1%);
}

body #top-nav[percent="197"]::before {
    width: calc(197 * 0.1%);
}

body #top-nav[percent="198"]::before {
    width: calc(198 * 0.1%);
}

body #top-nav[percent="199"]::before {
    width: calc(199 * 0.1%);
}

body #top-nav[percent="200"]::before {
    width: calc(200 * 0.1%);
}

body #top-nav[percent="201"]::before {
    width: calc(201 * 0.1%);
}

body #top-nav[percent="202"]::before {
    width: calc(202 * 0.1%);
}

body #top-nav[percent="203"]::before {
    width: calc(203 * 0.1%);
}

body #top-nav[percent="204"]::before {
    width: calc(204 * 0.1%);
}

body #top-nav[percent="205"]::before {
    width: calc(205 * 0.1%);
}

body #top-nav[percent="206"]::before {
    width: calc(206 * 0.1%);
}

body #top-nav[percent="207"]::before {
    width: calc(207 * 0.1%);
}

body #top-nav[percent="208"]::before {
    width: calc(208 * 0.1%);
}

body #top-nav[percent="209"]::before {
    width: calc(209 * 0.1%);
}

body #top-nav[percent="210"]::before {
    width: calc(210 * 0.1%);
}

body #top-nav[percent="211"]::before {
    width: calc(211 * 0.1%);
}

body #top-nav[percent="212"]::before {
    width: calc(212 * 0.1%);
}

body #top-nav[percent="213"]::before {
    width: calc(213 * 0.1%);
}

body #top-nav[percent="214"]::before {
    width: calc(214 * 0.1%);
}

body #top-nav[percent="215"]::before {
    width: calc(215 * 0.1%);
}

body #top-nav[percent="216"]::before {
    width: calc(216 * 0.1%);
}

body #top-nav[percent="217"]::before {
    width: calc(217 * 0.1%);
}

body #top-nav[percent="218"]::before {
    width: calc(218 * 0.1%);
}

body #top-nav[percent="219"]::before {
    width: calc(219 * 0.1%);
}

body #top-nav[percent="220"]::before {
    width: calc(220 * 0.1%);
}

body #top-nav[percent="221"]::before {
    width: calc(221 * 0.1%);
}

body #top-nav[percent="222"]::before {
    width: calc(222 * 0.1%);
}

body #top-nav[percent="223"]::before {
    width: calc(223 * 0.1%);
}

body #top-nav[percent="224"]::before {
    width: calc(224 * 0.1%);
}

body #top-nav[percent="225"]::before {
    width: calc(225 * 0.1%);
}

body #top-nav[percent="226"]::before {
    width: calc(226 * 0.1%);
}

body #top-nav[percent="227"]::before {
    width: calc(227 * 0.1%);
}

body #top-nav[percent="228"]::before {
    width: calc(228 * 0.1%);
}

body #top-nav[percent="229"]::before {
    width: calc(229 * 0.1%);
}

body #top-nav[percent="230"]::before {
    width: calc(230 * 0.1%);
}

body #top-nav[percent="231"]::before {
    width: calc(231 * 0.1%);
}

body #top-nav[percent="232"]::before {
    width: calc(232 * 0.1%);
}

body #top-nav[percent="233"]::before {
    width: calc(233 * 0.1%);
}

body #top-nav[percent="234"]::before {
    width: calc(234 * 0.1%);
}

body #top-nav[percent="235"]::before {
    width: calc(235 * 0.1%);
}

body #top-nav[percent="236"]::before {
    width: calc(236 * 0.1%);
}

body #top-nav[percent="237"]::before {
    width: calc(237 * 0.1%);
}

body #top-nav[percent="238"]::before {
    width: calc(238 * 0.1%);
}

body #top-nav[percent="239"]::before {
    width: calc(239 * 0.1%);
}

body #top-nav[percent="240"]::before {
    width: calc(240 * 0.1%);
}

body #top-nav[percent="241"]::before {
    width: calc(241 * 0.1%);
}

body #top-nav[percent="242"]::before {
    width: calc(242 * 0.1%);
}

body #top-nav[percent="243"]::before {
    width: calc(243 * 0.1%);
}

body #top-nav[percent="244"]::before {
    width: calc(244 * 0.1%);
}

body #top-nav[percent="245"]::before {
    width: calc(245 * 0.1%);
}

body #top-nav[percent="246"]::before {
    width: calc(246 * 0.1%);
}

body #top-nav[percent="247"]::before {
    width: calc(247 * 0.1%);
}

body #top-nav[percent="248"]::before {
    width: calc(248 * 0.1%);
}

body #top-nav[percent="249"]::before {
    width: calc(249 * 0.1%);
}

body #top-nav[percent="250"]::before {
    width: calc(250 * 0.1%);
}

body #top-nav[percent="251"]::before {
    width: calc(251 * 0.1%);
}

body #top-nav[percent="252"]::before {
    width: calc(252 * 0.1%);
}

body #top-nav[percent="253"]::before {
    width: calc(253 * 0.1%);
}

body #top-nav[percent="254"]::before {
    width: calc(254 * 0.1%);
}

body #top-nav[percent="255"]::before {
    width: calc(255 * 0.1%);
}

body #top-nav[percent="256"]::before {
    width: calc(256 * 0.1%);
}

body #top-nav[percent="257"]::before {
    width: calc(257 * 0.1%);
}

body #top-nav[percent="258"]::before {
    width: calc(258 * 0.1%);
}

body #top-nav[percent="259"]::before {
    width: calc(259 * 0.1%);
}

body #top-nav[percent="260"]::before {
    width: calc(260 * 0.1%);
}

body #top-nav[percent="261"]::before {
    width: calc(261 * 0.1%);
}

body #top-nav[percent="262"]::before {
    width: calc(262 * 0.1%);
}

body #top-nav[percent="263"]::before {
    width: calc(263 * 0.1%);
}

body #top-nav[percent="264"]::before {
    width: calc(264 * 0.1%);
}

body #top-nav[percent="265"]::before {
    width: calc(265 * 0.1%);
}

body #top-nav[percent="266"]::before {
    width: calc(266 * 0.1%);
}

body #top-nav[percent="267"]::before {
    width: calc(267 * 0.1%);
}

body #top-nav[percent="268"]::before {
    width: calc(268 * 0.1%);
}

body #top-nav[percent="269"]::before {
    width: calc(269 * 0.1%);
}

body #top-nav[percent="270"]::before {
    width: calc(270 * 0.1%);
}

body #top-nav[percent="271"]::before {
    width: calc(271 * 0.1%);
}

body #top-nav[percent="272"]::before {
    width: calc(272 * 0.1%);
}

body #top-nav[percent="273"]::before {
    width: calc(273 * 0.1%);
}

body #top-nav[percent="274"]::before {
    width: calc(274 * 0.1%);
}

body #top-nav[percent="275"]::before {
    width: calc(275 * 0.1%);
}

body #top-nav[percent="276"]::before {
    width: calc(276 * 0.1%);
}

body #top-nav[percent="277"]::before {
    width: calc(277 * 0.1%);
}

body #top-nav[percent="278"]::before {
    width: calc(278 * 0.1%);
}

body #top-nav[percent="279"]::before {
    width: calc(279 * 0.1%);
}

body #top-nav[percent="280"]::before {
    width: calc(280 * 0.1%);
}

body #top-nav[percent="281"]::before {
    width: calc(281 * 0.1%);
}

body #top-nav[percent="282"]::before {
    width: calc(282 * 0.1%);
}

body #top-nav[percent="283"]::before {
    width: calc(283 * 0.1%);
}

body #top-nav[percent="284"]::before {
    width: calc(284 * 0.1%);
}

body #top-nav[percent="285"]::before {
    width: calc(285 * 0.1%);
}

body #top-nav[percent="286"]::before {
    width: calc(286 * 0.1%);
}

body #top-nav[percent="287"]::before {
    width: calc(287 * 0.1%);
}

body #top-nav[percent="288"]::before {
    width: calc(288 * 0.1%);
}

body #top-nav[percent="289"]::before {
    width: calc(289 * 0.1%);
}

body #top-nav[percent="290"]::before {
    width: calc(290 * 0.1%);
}

body #top-nav[percent="291"]::before {
    width: calc(291 * 0.1%);
}

body #top-nav[percent="292"]::before {
    width: calc(292 * 0.1%);
}

body #top-nav[percent="293"]::before {
    width: calc(293 * 0.1%);
}

body #top-nav[percent="294"]::before {
    width: calc(294 * 0.1%);
}

body #top-nav[percent="295"]::before {
    width: calc(295 * 0.1%);
}

body #top-nav[percent="296"]::before {
    width: calc(296 * 0.1%);
}

body #top-nav[percent="297"]::before {
    width: calc(297 * 0.1%);
}

body #top-nav[percent="298"]::before {
    width: calc(298 * 0.1%);
}

body #top-nav[percent="299"]::before {
    width: calc(299 * 0.1%);
}

body #top-nav[percent="300"]::before {
    width: calc(300 * 0.1%);
}

body #top-nav[percent="301"]::before {
    width: calc(301 * 0.1%);
}

body #top-nav[percent="302"]::before {
    width: calc(302 * 0.1%);
}

body #top-nav[percent="303"]::before {
    width: calc(303 * 0.1%);
}

body #top-nav[percent="304"]::before {
    width: calc(304 * 0.1%);
}

body #top-nav[percent="305"]::before {
    width: calc(305 * 0.1%);
}

body #top-nav[percent="306"]::before {
    width: calc(306 * 0.1%);
}

body #top-nav[percent="307"]::before {
    width: calc(307 * 0.1%);
}

body #top-nav[percent="308"]::before {
    width: calc(308 * 0.1%);
}

body #top-nav[percent="309"]::before {
    width: calc(309 * 0.1%);
}

body #top-nav[percent="310"]::before {
    width: calc(310 * 0.1%);
}

body #top-nav[percent="311"]::before {
    width: calc(311 * 0.1%);
}

body #top-nav[percent="312"]::before {
    width: calc(312 * 0.1%);
}

body #top-nav[percent="313"]::before {
    width: calc(313 * 0.1%);
}

body #top-nav[percent="314"]::before {
    width: calc(314 * 0.1%);
}

body #top-nav[percent="315"]::before {
    width: calc(315 * 0.1%);
}

body #top-nav[percent="316"]::before {
    width: calc(316 * 0.1%);
}

body #top-nav[percent="317"]::before {
    width: calc(317 * 0.1%);
}

body #top-nav[percent="318"]::before {
    width: calc(318 * 0.1%);
}

body #top-nav[percent="319"]::before {
    width: calc(319 * 0.1%);
}

body #top-nav[percent="320"]::before {
    width: calc(320 * 0.1%);
}

body #top-nav[percent="321"]::before {
    width: calc(321 * 0.1%);
}

body #top-nav[percent="322"]::before {
    width: calc(322 * 0.1%);
}

body #top-nav[percent="323"]::before {
    width: calc(323 * 0.1%);
}

body #top-nav[percent="324"]::before {
    width: calc(324 * 0.1%);
}

body #top-nav[percent="325"]::before {
    width: calc(325 * 0.1%);
}

body #top-nav[percent="326"]::before {
    width: calc(326 * 0.1%);
}

body #top-nav[percent="327"]::before {
    width: calc(327 * 0.1%);
}

body #top-nav[percent="328"]::before {
    width: calc(328 * 0.1%);
}

body #top-nav[percent="329"]::before {
    width: calc(329 * 0.1%);
}

body #top-nav[percent="330"]::before {
    width: calc(330 * 0.1%);
}

body #top-nav[percent="331"]::before {
    width: calc(331 * 0.1%);
}

body #top-nav[percent="332"]::before {
    width: calc(332 * 0.1%);
}

body #top-nav[percent="333"]::before {
    width: calc(333 * 0.1%);
}

body #top-nav[percent="334"]::before {
    width: calc(334 * 0.1%);
}

body #top-nav[percent="335"]::before {
    width: calc(335 * 0.1%);
}

body #top-nav[percent="336"]::before {
    width: calc(336 * 0.1%);
}

body #top-nav[percent="337"]::before {
    width: calc(337 * 0.1%);
}

body #top-nav[percent="338"]::before {
    width: calc(338 * 0.1%);
}

body #top-nav[percent="339"]::before {
    width: calc(339 * 0.1%);
}

body #top-nav[percent="340"]::before {
    width: calc(340 * 0.1%);
}

body #top-nav[percent="341"]::before {
    width: calc(341 * 0.1%);
}

body #top-nav[percent="342"]::before {
    width: calc(342 * 0.1%);
}

body #top-nav[percent="343"]::before {
    width: calc(343 * 0.1%);
}

body #top-nav[percent="344"]::before {
    width: calc(344 * 0.1%);
}

body #top-nav[percent="345"]::before {
    width: calc(345 * 0.1%);
}

body #top-nav[percent="346"]::before {
    width: calc(346 * 0.1%);
}

body #top-nav[percent="347"]::before {
    width: calc(347 * 0.1%);
}

body #top-nav[percent="348"]::before {
    width: calc(348 * 0.1%);
}

body #top-nav[percent="349"]::before {
    width: calc(349 * 0.1%);
}

body #top-nav[percent="350"]::before {
    width: calc(350 * 0.1%);
}

body #top-nav[percent="351"]::before {
    width: calc(351 * 0.1%);
}

body #top-nav[percent="352"]::before {
    width: calc(352 * 0.1%);
}

body #top-nav[percent="353"]::before {
    width: calc(353 * 0.1%);
}

body #top-nav[percent="354"]::before {
    width: calc(354 * 0.1%);
}

body #top-nav[percent="355"]::before {
    width: calc(355 * 0.1%);
}

body #top-nav[percent="356"]::before {
    width: calc(356 * 0.1%);
}

body #top-nav[percent="357"]::before {
    width: calc(357 * 0.1%);
}

body #top-nav[percent="358"]::before {
    width: calc(358 * 0.1%);
}

body #top-nav[percent="359"]::before {
    width: calc(359 * 0.1%);
}

body #top-nav[percent="360"]::before {
    width: calc(360 * 0.1%);
}

body #top-nav[percent="361"]::before {
    width: calc(361 * 0.1%);
}

body #top-nav[percent="362"]::before {
    width: calc(362 * 0.1%);
}

body #top-nav[percent="363"]::before {
    width: calc(363 * 0.1%);
}

body #top-nav[percent="364"]::before {
    width: calc(364 * 0.1%);
}

body #top-nav[percent="365"]::before {
    width: calc(365 * 0.1%);
}

body #top-nav[percent="366"]::before {
    width: calc(366 * 0.1%);
}

body #top-nav[percent="367"]::before {
    width: calc(367 * 0.1%);
}

body #top-nav[percent="368"]::before {
    width: calc(368 * 0.1%);
}

body #top-nav[percent="369"]::before {
    width: calc(369 * 0.1%);
}

body #top-nav[percent="370"]::before {
    width: calc(370 * 0.1%);
}

body #top-nav[percent="371"]::before {
    width: calc(371 * 0.1%);
}

body #top-nav[percent="372"]::before {
    width: calc(372 * 0.1%);
}

body #top-nav[percent="373"]::before {
    width: calc(373 * 0.1%);
}

body #top-nav[percent="374"]::before {
    width: calc(374 * 0.1%);
}

body #top-nav[percent="375"]::before {
    width: calc(375 * 0.1%);
}

body #top-nav[percent="376"]::before {
    width: calc(376 * 0.1%);
}

body #top-nav[percent="377"]::before {
    width: calc(377 * 0.1%);
}

body #top-nav[percent="378"]::before {
    width: calc(378 * 0.1%);
}

body #top-nav[percent="379"]::before {
    width: calc(379 * 0.1%);
}

body #top-nav[percent="380"]::before {
    width: calc(380 * 0.1%);
}

body #top-nav[percent="381"]::before {
    width: calc(381 * 0.1%);
}

body #top-nav[percent="382"]::before {
    width: calc(382 * 0.1%);
}

body #top-nav[percent="383"]::before {
    width: calc(383 * 0.1%);
}

body #top-nav[percent="384"]::before {
    width: calc(384 * 0.1%);
}

body #top-nav[percent="385"]::before {
    width: calc(385 * 0.1%);
}

body #top-nav[percent="386"]::before {
    width: calc(386 * 0.1%);
}

body #top-nav[percent="387"]::before {
    width: calc(387 * 0.1%);
}

body #top-nav[percent="388"]::before {
    width: calc(388 * 0.1%);
}

body #top-nav[percent="389"]::before {
    width: calc(389 * 0.1%);
}

body #top-nav[percent="390"]::before {
    width: calc(390 * 0.1%);
}

body #top-nav[percent="391"]::before {
    width: calc(391 * 0.1%);
}

body #top-nav[percent="392"]::before {
    width: calc(392 * 0.1%);
}

body #top-nav[percent="393"]::before {
    width: calc(393 * 0.1%);
}

body #top-nav[percent="394"]::before {
    width: calc(394 * 0.1%);
}

body #top-nav[percent="395"]::before {
    width: calc(395 * 0.1%);
}

body #top-nav[percent="396"]::before {
    width: calc(396 * 0.1%);
}

body #top-nav[percent="397"]::before {
    width: calc(397 * 0.1%);
}

body #top-nav[percent="398"]::before {
    width: calc(398 * 0.1%);
}

body #top-nav[percent="399"]::before {
    width: calc(399 * 0.1%);
}

body #top-nav[percent="400"]::before {
    width: calc(400 * 0.1%);
}

body #top-nav[percent="401"]::before {
    width: calc(401 * 0.1%);
}

body #top-nav[percent="402"]::before {
    width: calc(402 * 0.1%);
}

body #top-nav[percent="403"]::before {
    width: calc(403 * 0.1%);
}

body #top-nav[percent="404"]::before {
    width: calc(404 * 0.1%);
}

body #top-nav[percent="405"]::before {
    width: calc(405 * 0.1%);
}

body #top-nav[percent="406"]::before {
    width: calc(406 * 0.1%);
}

body #top-nav[percent="407"]::before {
    width: calc(407 * 0.1%);
}

body #top-nav[percent="408"]::before {
    width: calc(408 * 0.1%);
}

body #top-nav[percent="409"]::before {
    width: calc(409 * 0.1%);
}

body #top-nav[percent="410"]::before {
    width: calc(410 * 0.1%);
}

body #top-nav[percent="411"]::before {
    width: calc(411 * 0.1%);
}

body #top-nav[percent="412"]::before {
    width: calc(412 * 0.1%);
}

body #top-nav[percent="413"]::before {
    width: calc(413 * 0.1%);
}

body #top-nav[percent="414"]::before {
    width: calc(414 * 0.1%);
}

body #top-nav[percent="415"]::before {
    width: calc(415 * 0.1%);
}

body #top-nav[percent="416"]::before {
    width: calc(416 * 0.1%);
}

body #top-nav[percent="417"]::before {
    width: calc(417 * 0.1%);
}

body #top-nav[percent="418"]::before {
    width: calc(418 * 0.1%);
}

body #top-nav[percent="419"]::before {
    width: calc(419 * 0.1%);
}

body #top-nav[percent="420"]::before {
    width: calc(420 * 0.1%);
}

body #top-nav[percent="421"]::before {
    width: calc(421 * 0.1%);
}

body #top-nav[percent="422"]::before {
    width: calc(422 * 0.1%);
}

body #top-nav[percent="423"]::before {
    width: calc(423 * 0.1%);
}

body #top-nav[percent="424"]::before {
    width: calc(424 * 0.1%);
}

body #top-nav[percent="425"]::before {
    width: calc(425 * 0.1%);
}

body #top-nav[percent="426"]::before {
    width: calc(426 * 0.1%);
}

body #top-nav[percent="427"]::before {
    width: calc(427 * 0.1%);
}

body #top-nav[percent="428"]::before {
    width: calc(428 * 0.1%);
}

body #top-nav[percent="429"]::before {
    width: calc(429 * 0.1%);
}

body #top-nav[percent="430"]::before {
    width: calc(430 * 0.1%);
}

body #top-nav[percent="431"]::before {
    width: calc(431 * 0.1%);
}

body #top-nav[percent="432"]::before {
    width: calc(432 * 0.1%);
}

body #top-nav[percent="433"]::before {
    width: calc(433 * 0.1%);
}

body #top-nav[percent="434"]::before {
    width: calc(434 * 0.1%);
}

body #top-nav[percent="435"]::before {
    width: calc(435 * 0.1%);
}

body #top-nav[percent="436"]::before {
    width: calc(436 * 0.1%);
}

body #top-nav[percent="437"]::before {
    width: calc(437 * 0.1%);
}

body #top-nav[percent="438"]::before {
    width: calc(438 * 0.1%);
}

body #top-nav[percent="439"]::before {
    width: calc(439 * 0.1%);
}

body #top-nav[percent="440"]::before {
    width: calc(440 * 0.1%);
}

body #top-nav[percent="441"]::before {
    width: calc(441 * 0.1%);
}

body #top-nav[percent="442"]::before {
    width: calc(442 * 0.1%);
}

body #top-nav[percent="443"]::before {
    width: calc(443 * 0.1%);
}

body #top-nav[percent="444"]::before {
    width: calc(444 * 0.1%);
}

body #top-nav[percent="445"]::before {
    width: calc(445 * 0.1%);
}

body #top-nav[percent="446"]::before {
    width: calc(446 * 0.1%);
}

body #top-nav[percent="447"]::before {
    width: calc(447 * 0.1%);
}

body #top-nav[percent="448"]::before {
    width: calc(448 * 0.1%);
}

body #top-nav[percent="449"]::before {
    width: calc(449 * 0.1%);
}

body #top-nav[percent="450"]::before {
    width: calc(450 * 0.1%);
}

body #top-nav[percent="451"]::before {
    width: calc(451 * 0.1%);
}

body #top-nav[percent="452"]::before {
    width: calc(452 * 0.1%);
}

body #top-nav[percent="453"]::before {
    width: calc(453 * 0.1%);
}

body #top-nav[percent="454"]::before {
    width: calc(454 * 0.1%);
}

body #top-nav[percent="455"]::before {
    width: calc(455 * 0.1%);
}

body #top-nav[percent="456"]::before {
    width: calc(456 * 0.1%);
}

body #top-nav[percent="457"]::before {
    width: calc(457 * 0.1%);
}

body #top-nav[percent="458"]::before {
    width: calc(458 * 0.1%);
}

body #top-nav[percent="459"]::before {
    width: calc(459 * 0.1%);
}

body #top-nav[percent="460"]::before {
    width: calc(460 * 0.1%);
}

body #top-nav[percent="461"]::before {
    width: calc(461 * 0.1%);
}

body #top-nav[percent="462"]::before {
    width: calc(462 * 0.1%);
}

body #top-nav[percent="463"]::before {
    width: calc(463 * 0.1%);
}

body #top-nav[percent="464"]::before {
    width: calc(464 * 0.1%);
}

body #top-nav[percent="465"]::before {
    width: calc(465 * 0.1%);
}

body #top-nav[percent="466"]::before {
    width: calc(466 * 0.1%);
}

body #top-nav[percent="467"]::before {
    width: calc(467 * 0.1%);
}

body #top-nav[percent="468"]::before {
    width: calc(468 * 0.1%);
}

body #top-nav[percent="469"]::before {
    width: calc(469 * 0.1%);
}

body #top-nav[percent="470"]::before {
    width: calc(470 * 0.1%);
}

body #top-nav[percent="471"]::before {
    width: calc(471 * 0.1%);
}

body #top-nav[percent="472"]::before {
    width: calc(472 * 0.1%);
}

body #top-nav[percent="473"]::before {
    width: calc(473 * 0.1%);
}

body #top-nav[percent="474"]::before {
    width: calc(474 * 0.1%);
}

body #top-nav[percent="475"]::before {
    width: calc(475 * 0.1%);
}

body #top-nav[percent="476"]::before {
    width: calc(476 * 0.1%);
}

body #top-nav[percent="477"]::before {
    width: calc(477 * 0.1%);
}

body #top-nav[percent="478"]::before {
    width: calc(478 * 0.1%);
}

body #top-nav[percent="479"]::before {
    width: calc(479 * 0.1%);
}

body #top-nav[percent="480"]::before {
    width: calc(480 * 0.1%);
}

body #top-nav[percent="481"]::before {
    width: calc(481 * 0.1%);
}

body #top-nav[percent="482"]::before {
    width: calc(482 * 0.1%);
}

body #top-nav[percent="483"]::before {
    width: calc(483 * 0.1%);
}

body #top-nav[percent="484"]::before {
    width: calc(484 * 0.1%);
}

body #top-nav[percent="485"]::before {
    width: calc(485 * 0.1%);
}

body #top-nav[percent="486"]::before {
    width: calc(486 * 0.1%);
}

body #top-nav[percent="487"]::before {
    width: calc(487 * 0.1%);
}

body #top-nav[percent="488"]::before {
    width: calc(488 * 0.1%);
}

body #top-nav[percent="489"]::before {
    width: calc(489 * 0.1%);
}

body #top-nav[percent="490"]::before {
    width: calc(490 * 0.1%);
}

body #top-nav[percent="491"]::before {
    width: calc(491 * 0.1%);
}

body #top-nav[percent="492"]::before {
    width: calc(492 * 0.1%);
}

body #top-nav[percent="493"]::before {
    width: calc(493 * 0.1%);
}

body #top-nav[percent="494"]::before {
    width: calc(494 * 0.1%);
}

body #top-nav[percent="495"]::before {
    width: calc(495 * 0.1%);
}

body #top-nav[percent="496"]::before {
    width: calc(496 * 0.1%);
}

body #top-nav[percent="497"]::before {
    width: calc(497 * 0.1%);
}

body #top-nav[percent="498"]::before {
    width: calc(498 * 0.1%);
}

body #top-nav[percent="499"]::before {
    width: calc(499 * 0.1%);
}

body #top-nav[percent="500"]::before {
    width: calc(500 * 0.1%);
}

body #top-nav[percent="501"]::before {
    width: calc(501 * 0.1%);
}

body #top-nav[percent="502"]::before {
    width: calc(502 * 0.1%);
}

body #top-nav[percent="503"]::before {
    width: calc(503 * 0.1%);
}

body #top-nav[percent="504"]::before {
    width: calc(504 * 0.1%);
}

body #top-nav[percent="505"]::before {
    width: calc(505 * 0.1%);
}

body #top-nav[percent="506"]::before {
    width: calc(506 * 0.1%);
}

body #top-nav[percent="507"]::before {
    width: calc(507 * 0.1%);
}

body #top-nav[percent="508"]::before {
    width: calc(508 * 0.1%);
}

body #top-nav[percent="509"]::before {
    width: calc(509 * 0.1%);
}

body #top-nav[percent="510"]::before {
    width: calc(510 * 0.1%);
}

body #top-nav[percent="511"]::before {
    width: calc(511 * 0.1%);
}

body #top-nav[percent="512"]::before {
    width: calc(512 * 0.1%);
}

body #top-nav[percent="513"]::before {
    width: calc(513 * 0.1%);
}

body #top-nav[percent="514"]::before {
    width: calc(514 * 0.1%);
}

body #top-nav[percent="515"]::before {
    width: calc(515 * 0.1%);
}

body #top-nav[percent="516"]::before {
    width: calc(516 * 0.1%);
}

body #top-nav[percent="517"]::before {
    width: calc(517 * 0.1%);
}

body #top-nav[percent="518"]::before {
    width: calc(518 * 0.1%);
}

body #top-nav[percent="519"]::before {
    width: calc(519 * 0.1%);
}

body #top-nav[percent="520"]::before {
    width: calc(520 * 0.1%);
}

body #top-nav[percent="521"]::before {
    width: calc(521 * 0.1%);
}

body #top-nav[percent="522"]::before {
    width: calc(522 * 0.1%);
}

body #top-nav[percent="523"]::before {
    width: calc(523 * 0.1%);
}

body #top-nav[percent="524"]::before {
    width: calc(524 * 0.1%);
}

body #top-nav[percent="525"]::before {
    width: calc(525 * 0.1%);
}

body #top-nav[percent="526"]::before {
    width: calc(526 * 0.1%);
}

body #top-nav[percent="527"]::before {
    width: calc(527 * 0.1%);
}

body #top-nav[percent="528"]::before {
    width: calc(528 * 0.1%);
}

body #top-nav[percent="529"]::before {
    width: calc(529 * 0.1%);
}

body #top-nav[percent="530"]::before {
    width: calc(530 * 0.1%);
}

body #top-nav[percent="531"]::before {
    width: calc(531 * 0.1%);
}

body #top-nav[percent="532"]::before {
    width: calc(532 * 0.1%);
}

body #top-nav[percent="533"]::before {
    width: calc(533 * 0.1%);
}

body #top-nav[percent="534"]::before {
    width: calc(534 * 0.1%);
}

body #top-nav[percent="535"]::before {
    width: calc(535 * 0.1%);
}

body #top-nav[percent="536"]::before {
    width: calc(536 * 0.1%);
}

body #top-nav[percent="537"]::before {
    width: calc(537 * 0.1%);
}

body #top-nav[percent="538"]::before {
    width: calc(538 * 0.1%);
}

body #top-nav[percent="539"]::before {
    width: calc(539 * 0.1%);
}

body #top-nav[percent="540"]::before {
    width: calc(540 * 0.1%);
}

body #top-nav[percent="541"]::before {
    width: calc(541 * 0.1%);
}

body #top-nav[percent="542"]::before {
    width: calc(542 * 0.1%);
}

body #top-nav[percent="543"]::before {
    width: calc(543 * 0.1%);
}

body #top-nav[percent="544"]::before {
    width: calc(544 * 0.1%);
}

body #top-nav[percent="545"]::before {
    width: calc(545 * 0.1%);
}

body #top-nav[percent="546"]::before {
    width: calc(546 * 0.1%);
}

body #top-nav[percent="547"]::before {
    width: calc(547 * 0.1%);
}

body #top-nav[percent="548"]::before {
    width: calc(548 * 0.1%);
}

body #top-nav[percent="549"]::before {
    width: calc(549 * 0.1%);
}

body #top-nav[percent="550"]::before {
    width: calc(550 * 0.1%);
}

body #top-nav[percent="551"]::before {
    width: calc(551 * 0.1%);
}

body #top-nav[percent="552"]::before {
    width: calc(552 * 0.1%);
}

body #top-nav[percent="553"]::before {
    width: calc(553 * 0.1%);
}

body #top-nav[percent="554"]::before {
    width: calc(554 * 0.1%);
}

body #top-nav[percent="555"]::before {
    width: calc(555 * 0.1%);
}

body #top-nav[percent="556"]::before {
    width: calc(556 * 0.1%);
}

body #top-nav[percent="557"]::before {
    width: calc(557 * 0.1%);
}

body #top-nav[percent="558"]::before {
    width: calc(558 * 0.1%);
}

body #top-nav[percent="559"]::before {
    width: calc(559 * 0.1%);
}

body #top-nav[percent="560"]::before {
    width: calc(560 * 0.1%);
}

body #top-nav[percent="561"]::before {
    width: calc(561 * 0.1%);
}

body #top-nav[percent="562"]::before {
    width: calc(562 * 0.1%);
}

body #top-nav[percent="563"]::before {
    width: calc(563 * 0.1%);
}

body #top-nav[percent="564"]::before {
    width: calc(564 * 0.1%);
}

body #top-nav[percent="565"]::before {
    width: calc(565 * 0.1%);
}

body #top-nav[percent="566"]::before {
    width: calc(566 * 0.1%);
}

body #top-nav[percent="567"]::before {
    width: calc(567 * 0.1%);
}

body #top-nav[percent="568"]::before {
    width: calc(568 * 0.1%);
}

body #top-nav[percent="569"]::before {
    width: calc(569 * 0.1%);
}

body #top-nav[percent="570"]::before {
    width: calc(570 * 0.1%);
}

body #top-nav[percent="571"]::before {
    width: calc(571 * 0.1%);
}

body #top-nav[percent="572"]::before {
    width: calc(572 * 0.1%);
}

body #top-nav[percent="573"]::before {
    width: calc(573 * 0.1%);
}

body #top-nav[percent="574"]::before {
    width: calc(574 * 0.1%);
}

body #top-nav[percent="575"]::before {
    width: calc(575 * 0.1%);
}

body #top-nav[percent="576"]::before {
    width: calc(576 * 0.1%);
}

body #top-nav[percent="577"]::before {
    width: calc(577 * 0.1%);
}

body #top-nav[percent="578"]::before {
    width: calc(578 * 0.1%);
}

body #top-nav[percent="579"]::before {
    width: calc(579 * 0.1%);
}

body #top-nav[percent="580"]::before {
    width: calc(580 * 0.1%);
}

body #top-nav[percent="581"]::before {
    width: calc(581 * 0.1%);
}

body #top-nav[percent="582"]::before {
    width: calc(582 * 0.1%);
}

body #top-nav[percent="583"]::before {
    width: calc(583 * 0.1%);
}

body #top-nav[percent="584"]::before {
    width: calc(584 * 0.1%);
}

body #top-nav[percent="585"]::before {
    width: calc(585 * 0.1%);
}

body #top-nav[percent="586"]::before {
    width: calc(586 * 0.1%);
}

body #top-nav[percent="587"]::before {
    width: calc(587 * 0.1%);
}

body #top-nav[percent="588"]::before {
    width: calc(588 * 0.1%);
}

body #top-nav[percent="589"]::before {
    width: calc(589 * 0.1%);
}

body #top-nav[percent="590"]::before {
    width: calc(590 * 0.1%);
}

body #top-nav[percent="591"]::before {
    width: calc(591 * 0.1%);
}

body #top-nav[percent="592"]::before {
    width: calc(592 * 0.1%);
}

body #top-nav[percent="593"]::before {
    width: calc(593 * 0.1%);
}

body #top-nav[percent="594"]::before {
    width: calc(594 * 0.1%);
}

body #top-nav[percent="595"]::before {
    width: calc(595 * 0.1%);
}

body #top-nav[percent="596"]::before {
    width: calc(596 * 0.1%);
}

body #top-nav[percent="597"]::before {
    width: calc(597 * 0.1%);
}

body #top-nav[percent="598"]::before {
    width: calc(598 * 0.1%);
}

body #top-nav[percent="599"]::before {
    width: calc(599 * 0.1%);
}

body #top-nav[percent="600"]::before {
    width: calc(600 * 0.1%);
}

body #top-nav[percent="601"]::before {
    width: calc(601 * 0.1%);
}

body #top-nav[percent="602"]::before {
    width: calc(602 * 0.1%);
}

body #top-nav[percent="603"]::before {
    width: calc(603 * 0.1%);
}

body #top-nav[percent="604"]::before {
    width: calc(604 * 0.1%);
}

body #top-nav[percent="605"]::before {
    width: calc(605 * 0.1%);
}

body #top-nav[percent="606"]::before {
    width: calc(606 * 0.1%);
}

body #top-nav[percent="607"]::before {
    width: calc(607 * 0.1%);
}

body #top-nav[percent="608"]::before {
    width: calc(608 * 0.1%);
}

body #top-nav[percent="609"]::before {
    width: calc(609 * 0.1%);
}

body #top-nav[percent="610"]::before {
    width: calc(610 * 0.1%);
}

body #top-nav[percent="611"]::before {
    width: calc(611 * 0.1%);
}

body #top-nav[percent="612"]::before {
    width: calc(612 * 0.1%);
}

body #top-nav[percent="613"]::before {
    width: calc(613 * 0.1%);
}

body #top-nav[percent="614"]::before {
    width: calc(614 * 0.1%);
}

body #top-nav[percent="615"]::before {
    width: calc(615 * 0.1%);
}

body #top-nav[percent="616"]::before {
    width: calc(616 * 0.1%);
}

body #top-nav[percent="617"]::before {
    width: calc(617 * 0.1%);
}

body #top-nav[percent="618"]::before {
    width: calc(618 * 0.1%);
}

body #top-nav[percent="619"]::before {
    width: calc(619 * 0.1%);
}

body #top-nav[percent="620"]::before {
    width: calc(620 * 0.1%);
}

body #top-nav[percent="621"]::before {
    width: calc(621 * 0.1%);
}

body #top-nav[percent="622"]::before {
    width: calc(622 * 0.1%);
}

body #top-nav[percent="623"]::before {
    width: calc(623 * 0.1%);
}

body #top-nav[percent="624"]::before {
    width: calc(624 * 0.1%);
}

body #top-nav[percent="625"]::before {
    width: calc(625 * 0.1%);
}

body #top-nav[percent="626"]::before {
    width: calc(626 * 0.1%);
}

body #top-nav[percent="627"]::before {
    width: calc(627 * 0.1%);
}

body #top-nav[percent="628"]::before {
    width: calc(628 * 0.1%);
}

body #top-nav[percent="629"]::before {
    width: calc(629 * 0.1%);
}

body #top-nav[percent="630"]::before {
    width: calc(630 * 0.1%);
}

body #top-nav[percent="631"]::before {
    width: calc(631 * 0.1%);
}

body #top-nav[percent="632"]::before {
    width: calc(632 * 0.1%);
}

body #top-nav[percent="633"]::before {
    width: calc(633 * 0.1%);
}

body #top-nav[percent="634"]::before {
    width: calc(634 * 0.1%);
}

body #top-nav[percent="635"]::before {
    width: calc(635 * 0.1%);
}

body #top-nav[percent="636"]::before {
    width: calc(636 * 0.1%);
}

body #top-nav[percent="637"]::before {
    width: calc(637 * 0.1%);
}

body #top-nav[percent="638"]::before {
    width: calc(638 * 0.1%);
}

body #top-nav[percent="639"]::before {
    width: calc(639 * 0.1%);
}

body #top-nav[percent="640"]::before {
    width: calc(640 * 0.1%);
}

body #top-nav[percent="641"]::before {
    width: calc(641 * 0.1%);
}

body #top-nav[percent="642"]::before {
    width: calc(642 * 0.1%);
}

body #top-nav[percent="643"]::before {
    width: calc(643 * 0.1%);
}

body #top-nav[percent="644"]::before {
    width: calc(644 * 0.1%);
}

body #top-nav[percent="645"]::before {
    width: calc(645 * 0.1%);
}

body #top-nav[percent="646"]::before {
    width: calc(646 * 0.1%);
}

body #top-nav[percent="647"]::before {
    width: calc(647 * 0.1%);
}

body #top-nav[percent="648"]::before {
    width: calc(648 * 0.1%);
}

body #top-nav[percent="649"]::before {
    width: calc(649 * 0.1%);
}

body #top-nav[percent="650"]::before {
    width: calc(650 * 0.1%);
}

body #top-nav[percent="651"]::before {
    width: calc(651 * 0.1%);
}

body #top-nav[percent="652"]::before {
    width: calc(652 * 0.1%);
}

body #top-nav[percent="653"]::before {
    width: calc(653 * 0.1%);
}

body #top-nav[percent="654"]::before {
    width: calc(654 * 0.1%);
}

body #top-nav[percent="655"]::before {
    width: calc(655 * 0.1%);
}

body #top-nav[percent="656"]::before {
    width: calc(656 * 0.1%);
}

body #top-nav[percent="657"]::before {
    width: calc(657 * 0.1%);
}

body #top-nav[percent="658"]::before {
    width: calc(658 * 0.1%);
}

body #top-nav[percent="659"]::before {
    width: calc(659 * 0.1%);
}

body #top-nav[percent="660"]::before {
    width: calc(660 * 0.1%);
}

body #top-nav[percent="661"]::before {
    width: calc(661 * 0.1%);
}

body #top-nav[percent="662"]::before {
    width: calc(662 * 0.1%);
}

body #top-nav[percent="663"]::before {
    width: calc(663 * 0.1%);
}

body #top-nav[percent="664"]::before {
    width: calc(664 * 0.1%);
}

body #top-nav[percent="665"]::before {
    width: calc(665 * 0.1%);
}

body #top-nav[percent="666"]::before {
    width: calc(666 * 0.1%);
}

body #top-nav[percent="667"]::before {
    width: calc(667 * 0.1%);
}

body #top-nav[percent="668"]::before {
    width: calc(668 * 0.1%);
}

body #top-nav[percent="669"]::before {
    width: calc(669 * 0.1%);
}

body #top-nav[percent="670"]::before {
    width: calc(670 * 0.1%);
}

body #top-nav[percent="671"]::before {
    width: calc(671 * 0.1%);
}

body #top-nav[percent="672"]::before {
    width: calc(672 * 0.1%);
}

body #top-nav[percent="673"]::before {
    width: calc(673 * 0.1%);
}

body #top-nav[percent="674"]::before {
    width: calc(674 * 0.1%);
}

body #top-nav[percent="675"]::before {
    width: calc(675 * 0.1%);
}

body #top-nav[percent="676"]::before {
    width: calc(676 * 0.1%);
}

body #top-nav[percent="677"]::before {
    width: calc(677 * 0.1%);
}

body #top-nav[percent="678"]::before {
    width: calc(678 * 0.1%);
}

body #top-nav[percent="679"]::before {
    width: calc(679 * 0.1%);
}

body #top-nav[percent="680"]::before {
    width: calc(680 * 0.1%);
}

body #top-nav[percent="681"]::before {
    width: calc(681 * 0.1%);
}

body #top-nav[percent="682"]::before {
    width: calc(682 * 0.1%);
}

body #top-nav[percent="683"]::before {
    width: calc(683 * 0.1%);
}

body #top-nav[percent="684"]::before {
    width: calc(684 * 0.1%);
}

body #top-nav[percent="685"]::before {
    width: calc(685 * 0.1%);
}

body #top-nav[percent="686"]::before {
    width: calc(686 * 0.1%);
}

body #top-nav[percent="687"]::before {
    width: calc(687 * 0.1%);
}

body #top-nav[percent="688"]::before {
    width: calc(688 * 0.1%);
}

body #top-nav[percent="689"]::before {
    width: calc(689 * 0.1%);
}

body #top-nav[percent="690"]::before {
    width: calc(690 * 0.1%);
}

body #top-nav[percent="691"]::before {
    width: calc(691 * 0.1%);
}

body #top-nav[percent="692"]::before {
    width: calc(692 * 0.1%);
}

body #top-nav[percent="693"]::before {
    width: calc(693 * 0.1%);
}

body #top-nav[percent="694"]::before {
    width: calc(694 * 0.1%);
}

body #top-nav[percent="695"]::before {
    width: calc(695 * 0.1%);
}

body #top-nav[percent="696"]::before {
    width: calc(696 * 0.1%);
}

body #top-nav[percent="697"]::before {
    width: calc(697 * 0.1%);
}

body #top-nav[percent="698"]::before {
    width: calc(698 * 0.1%);
}

body #top-nav[percent="699"]::before {
    width: calc(699 * 0.1%);
}

body #top-nav[percent="700"]::before {
    width: calc(700 * 0.1%);
}

body #top-nav[percent="701"]::before {
    width: calc(701 * 0.1%);
}

body #top-nav[percent="702"]::before {
    width: calc(702 * 0.1%);
}

body #top-nav[percent="703"]::before {
    width: calc(703 * 0.1%);
}

body #top-nav[percent="704"]::before {
    width: calc(704 * 0.1%);
}

body #top-nav[percent="705"]::before {
    width: calc(705 * 0.1%);
}

body #top-nav[percent="706"]::before {
    width: calc(706 * 0.1%);
}

body #top-nav[percent="707"]::before {
    width: calc(707 * 0.1%);
}

body #top-nav[percent="708"]::before {
    width: calc(708 * 0.1%);
}

body #top-nav[percent="709"]::before {
    width: calc(709 * 0.1%);
}

body #top-nav[percent="710"]::before {
    width: calc(710 * 0.1%);
}

body #top-nav[percent="711"]::before {
    width: calc(711 * 0.1%);
}

body #top-nav[percent="712"]::before {
    width: calc(712 * 0.1%);
}

body #top-nav[percent="713"]::before {
    width: calc(713 * 0.1%);
}

body #top-nav[percent="714"]::before {
    width: calc(714 * 0.1%);
}

body #top-nav[percent="715"]::before {
    width: calc(715 * 0.1%);
}

body #top-nav[percent="716"]::before {
    width: calc(716 * 0.1%);
}

body #top-nav[percent="717"]::before {
    width: calc(717 * 0.1%);
}

body #top-nav[percent="718"]::before {
    width: calc(718 * 0.1%);
}

body #top-nav[percent="719"]::before {
    width: calc(719 * 0.1%);
}

body #top-nav[percent="720"]::before {
    width: calc(720 * 0.1%);
}

body #top-nav[percent="721"]::before {
    width: calc(721 * 0.1%);
}

body #top-nav[percent="722"]::before {
    width: calc(722 * 0.1%);
}

body #top-nav[percent="723"]::before {
    width: calc(723 * 0.1%);
}

body #top-nav[percent="724"]::before {
    width: calc(724 * 0.1%);
}

body #top-nav[percent="725"]::before {
    width: calc(725 * 0.1%);
}

body #top-nav[percent="726"]::before {
    width: calc(726 * 0.1%);
}

body #top-nav[percent="727"]::before {
    width: calc(727 * 0.1%);
}

body #top-nav[percent="728"]::before {
    width: calc(728 * 0.1%);
}

body #top-nav[percent="729"]::before {
    width: calc(729 * 0.1%);
}

body #top-nav[percent="730"]::before {
    width: calc(730 * 0.1%);
}

body #top-nav[percent="731"]::before {
    width: calc(731 * 0.1%);
}

body #top-nav[percent="732"]::before {
    width: calc(732 * 0.1%);
}

body #top-nav[percent="733"]::before {
    width: calc(733 * 0.1%);
}

body #top-nav[percent="734"]::before {
    width: calc(734 * 0.1%);
}

body #top-nav[percent="735"]::before {
    width: calc(735 * 0.1%);
}

body #top-nav[percent="736"]::before {
    width: calc(736 * 0.1%);
}

body #top-nav[percent="737"]::before {
    width: calc(737 * 0.1%);
}

body #top-nav[percent="738"]::before {
    width: calc(738 * 0.1%);
}

body #top-nav[percent="739"]::before {
    width: calc(739 * 0.1%);
}

body #top-nav[percent="740"]::before {
    width: calc(740 * 0.1%);
}

body #top-nav[percent="741"]::before {
    width: calc(741 * 0.1%);
}

body #top-nav[percent="742"]::before {
    width: calc(742 * 0.1%);
}

body #top-nav[percent="743"]::before {
    width: calc(743 * 0.1%);
}

body #top-nav[percent="744"]::before {
    width: calc(744 * 0.1%);
}

body #top-nav[percent="745"]::before {
    width: calc(745 * 0.1%);
}

body #top-nav[percent="746"]::before {
    width: calc(746 * 0.1%);
}

body #top-nav[percent="747"]::before {
    width: calc(747 * 0.1%);
}

body #top-nav[percent="748"]::before {
    width: calc(748 * 0.1%);
}

body #top-nav[percent="749"]::before {
    width: calc(749 * 0.1%);
}

body #top-nav[percent="750"]::before {
    width: calc(750 * 0.1%);
}

body #top-nav[percent="751"]::before {
    width: calc(751 * 0.1%);
}

body #top-nav[percent="752"]::before {
    width: calc(752 * 0.1%);
}

body #top-nav[percent="753"]::before {
    width: calc(753 * 0.1%);
}

body #top-nav[percent="754"]::before {
    width: calc(754 * 0.1%);
}

body #top-nav[percent="755"]::before {
    width: calc(755 * 0.1%);
}

body #top-nav[percent="756"]::before {
    width: calc(756 * 0.1%);
}

body #top-nav[percent="757"]::before {
    width: calc(757 * 0.1%);
}

body #top-nav[percent="758"]::before {
    width: calc(758 * 0.1%);
}

body #top-nav[percent="759"]::before {
    width: calc(759 * 0.1%);
}

body #top-nav[percent="760"]::before {
    width: calc(760 * 0.1%);
}

body #top-nav[percent="761"]::before {
    width: calc(761 * 0.1%);
}

body #top-nav[percent="762"]::before {
    width: calc(762 * 0.1%);
}

body #top-nav[percent="763"]::before {
    width: calc(763 * 0.1%);
}

body #top-nav[percent="764"]::before {
    width: calc(764 * 0.1%);
}

body #top-nav[percent="765"]::before {
    width: calc(765 * 0.1%);
}

body #top-nav[percent="766"]::before {
    width: calc(766 * 0.1%);
}

body #top-nav[percent="767"]::before {
    width: calc(767 * 0.1%);
}

body #top-nav[percent="768"]::before {
    width: calc(768 * 0.1%);
}

body #top-nav[percent="769"]::before {
    width: calc(769 * 0.1%);
}

body #top-nav[percent="770"]::before {
    width: calc(770 * 0.1%);
}

body #top-nav[percent="771"]::before {
    width: calc(771 * 0.1%);
}

body #top-nav[percent="772"]::before {
    width: calc(772 * 0.1%);
}

body #top-nav[percent="773"]::before {
    width: calc(773 * 0.1%);
}

body #top-nav[percent="774"]::before {
    width: calc(774 * 0.1%);
}

body #top-nav[percent="775"]::before {
    width: calc(775 * 0.1%);
}

body #top-nav[percent="776"]::before {
    width: calc(776 * 0.1%);
}

body #top-nav[percent="777"]::before {
    width: calc(777 * 0.1%);
}

body #top-nav[percent="778"]::before {
    width: calc(778 * 0.1%);
}

body #top-nav[percent="779"]::before {
    width: calc(779 * 0.1%);
}

body #top-nav[percent="780"]::before {
    width: calc(780 * 0.1%);
}

body #top-nav[percent="781"]::before {
    width: calc(781 * 0.1%);
}

body #top-nav[percent="782"]::before {
    width: calc(782 * 0.1%);
}

body #top-nav[percent="783"]::before {
    width: calc(783 * 0.1%);
}

body #top-nav[percent="784"]::before {
    width: calc(784 * 0.1%);
}

body #top-nav[percent="785"]::before {
    width: calc(785 * 0.1%);
}

body #top-nav[percent="786"]::before {
    width: calc(786 * 0.1%);
}

body #top-nav[percent="787"]::before {
    width: calc(787 * 0.1%);
}

body #top-nav[percent="788"]::before {
    width: calc(788 * 0.1%);
}

body #top-nav[percent="789"]::before {
    width: calc(789 * 0.1%);
}

body #top-nav[percent="790"]::before {
    width: calc(790 * 0.1%);
}

body #top-nav[percent="791"]::before {
    width: calc(791 * 0.1%);
}

body #top-nav[percent="792"]::before {
    width: calc(792 * 0.1%);
}

body #top-nav[percent="793"]::before {
    width: calc(793 * 0.1%);
}

body #top-nav[percent="794"]::before {
    width: calc(794 * 0.1%);
}

body #top-nav[percent="795"]::before {
    width: calc(795 * 0.1%);
}

body #top-nav[percent="796"]::before {
    width: calc(796 * 0.1%);
}

body #top-nav[percent="797"]::before {
    width: calc(797 * 0.1%);
}

body #top-nav[percent="798"]::before {
    width: calc(798 * 0.1%);
}

body #top-nav[percent="799"]::before {
    width: calc(799 * 0.1%);
}

body #top-nav[percent="800"]::before {
    width: calc(800 * 0.1%);
}

body #top-nav[percent="801"]::before {
    width: calc(801 * 0.1%);
}

body #top-nav[percent="802"]::before {
    width: calc(802 * 0.1%);
}

body #top-nav[percent="803"]::before {
    width: calc(803 * 0.1%);
}

body #top-nav[percent="804"]::before {
    width: calc(804 * 0.1%);
}

body #top-nav[percent="805"]::before {
    width: calc(805 * 0.1%);
}

body #top-nav[percent="806"]::before {
    width: calc(806 * 0.1%);
}

body #top-nav[percent="807"]::before {
    width: calc(807 * 0.1%);
}

body #top-nav[percent="808"]::before {
    width: calc(808 * 0.1%);
}

body #top-nav[percent="809"]::before {
    width: calc(809 * 0.1%);
}

body #top-nav[percent="810"]::before {
    width: calc(810 * 0.1%);
}

body #top-nav[percent="811"]::before {
    width: calc(811 * 0.1%);
}

body #top-nav[percent="812"]::before {
    width: calc(812 * 0.1%);
}

body #top-nav[percent="813"]::before {
    width: calc(813 * 0.1%);
}

body #top-nav[percent="814"]::before {
    width: calc(814 * 0.1%);
}

body #top-nav[percent="815"]::before {
    width: calc(815 * 0.1%);
}

body #top-nav[percent="816"]::before {
    width: calc(816 * 0.1%);
}

body #top-nav[percent="817"]::before {
    width: calc(817 * 0.1%);
}

body #top-nav[percent="818"]::before {
    width: calc(818 * 0.1%);
}

body #top-nav[percent="819"]::before {
    width: calc(819 * 0.1%);
}

body #top-nav[percent="820"]::before {
    width: calc(820 * 0.1%);
}

body #top-nav[percent="821"]::before {
    width: calc(821 * 0.1%);
}

body #top-nav[percent="822"]::before {
    width: calc(822 * 0.1%);
}

body #top-nav[percent="823"]::before {
    width: calc(823 * 0.1%);
}

body #top-nav[percent="824"]::before {
    width: calc(824 * 0.1%);
}

body #top-nav[percent="825"]::before {
    width: calc(825 * 0.1%);
}

body #top-nav[percent="826"]::before {
    width: calc(826 * 0.1%);
}

body #top-nav[percent="827"]::before {
    width: calc(827 * 0.1%);
}

body #top-nav[percent="828"]::before {
    width: calc(828 * 0.1%);
}

body #top-nav[percent="829"]::before {
    width: calc(829 * 0.1%);
}

body #top-nav[percent="830"]::before {
    width: calc(830 * 0.1%);
}

body #top-nav[percent="831"]::before {
    width: calc(831 * 0.1%);
}

body #top-nav[percent="832"]::before {
    width: calc(832 * 0.1%);
}

body #top-nav[percent="833"]::before {
    width: calc(833 * 0.1%);
}

body #top-nav[percent="834"]::before {
    width: calc(834 * 0.1%);
}

body #top-nav[percent="835"]::before {
    width: calc(835 * 0.1%);
}

body #top-nav[percent="836"]::before {
    width: calc(836 * 0.1%);
}

body #top-nav[percent="837"]::before {
    width: calc(837 * 0.1%);
}

body #top-nav[percent="838"]::before {
    width: calc(838 * 0.1%);
}

body #top-nav[percent="839"]::before {
    width: calc(839 * 0.1%);
}

body #top-nav[percent="840"]::before {
    width: calc(840 * 0.1%);
}

body #top-nav[percent="841"]::before {
    width: calc(841 * 0.1%);
}

body #top-nav[percent="842"]::before {
    width: calc(842 * 0.1%);
}

body #top-nav[percent="843"]::before {
    width: calc(843 * 0.1%);
}

body #top-nav[percent="844"]::before {
    width: calc(844 * 0.1%);
}

body #top-nav[percent="845"]::before {
    width: calc(845 * 0.1%);
}

body #top-nav[percent="846"]::before {
    width: calc(846 * 0.1%);
}

body #top-nav[percent="847"]::before {
    width: calc(847 * 0.1%);
}

body #top-nav[percent="848"]::before {
    width: calc(848 * 0.1%);
}

body #top-nav[percent="849"]::before {
    width: calc(849 * 0.1%);
}

body #top-nav[percent="850"]::before {
    width: calc(850 * 0.1%);
}

body #top-nav[percent="851"]::before {
    width: calc(851 * 0.1%);
}

body #top-nav[percent="852"]::before {
    width: calc(852 * 0.1%);
}

body #top-nav[percent="853"]::before {
    width: calc(853 * 0.1%);
}

body #top-nav[percent="854"]::before {
    width: calc(854 * 0.1%);
}

body #top-nav[percent="855"]::before {
    width: calc(855 * 0.1%);
}

body #top-nav[percent="856"]::before {
    width: calc(856 * 0.1%);
}

body #top-nav[percent="857"]::before {
    width: calc(857 * 0.1%);
}

body #top-nav[percent="858"]::before {
    width: calc(858 * 0.1%);
}

body #top-nav[percent="859"]::before {
    width: calc(859 * 0.1%);
}

body #top-nav[percent="860"]::before {
    width: calc(860 * 0.1%);
}

body #top-nav[percent="861"]::before {
    width: calc(861 * 0.1%);
}

body #top-nav[percent="862"]::before {
    width: calc(862 * 0.1%);
}

body #top-nav[percent="863"]::before {
    width: calc(863 * 0.1%);
}

body #top-nav[percent="864"]::before {
    width: calc(864 * 0.1%);
}

body #top-nav[percent="865"]::before {
    width: calc(865 * 0.1%);
}

body #top-nav[percent="866"]::before {
    width: calc(866 * 0.1%);
}

body #top-nav[percent="867"]::before {
    width: calc(867 * 0.1%);
}

body #top-nav[percent="868"]::before {
    width: calc(868 * 0.1%);
}

body #top-nav[percent="869"]::before {
    width: calc(869 * 0.1%);
}

body #top-nav[percent="870"]::before {
    width: calc(870 * 0.1%);
}

body #top-nav[percent="871"]::before {
    width: calc(871 * 0.1%);
}

body #top-nav[percent="872"]::before {
    width: calc(872 * 0.1%);
}

body #top-nav[percent="873"]::before {
    width: calc(873 * 0.1%);
}

body #top-nav[percent="874"]::before {
    width: calc(874 * 0.1%);
}

body #top-nav[percent="875"]::before {
    width: calc(875 * 0.1%);
}

body #top-nav[percent="876"]::before {
    width: calc(876 * 0.1%);
}

body #top-nav[percent="877"]::before {
    width: calc(877 * 0.1%);
}

body #top-nav[percent="878"]::before {
    width: calc(878 * 0.1%);
}

body #top-nav[percent="879"]::before {
    width: calc(879 * 0.1%);
}

body #top-nav[percent="880"]::before {
    width: calc(880 * 0.1%);
}

body #top-nav[percent="881"]::before {
    width: calc(881 * 0.1%);
}

body #top-nav[percent="882"]::before {
    width: calc(882 * 0.1%);
}

body #top-nav[percent="883"]::before {
    width: calc(883 * 0.1%);
}

body #top-nav[percent="884"]::before {
    width: calc(884 * 0.1%);
}

body #top-nav[percent="885"]::before {
    width: calc(885 * 0.1%);
}

body #top-nav[percent="886"]::before {
    width: calc(886 * 0.1%);
}

body #top-nav[percent="887"]::before {
    width: calc(887 * 0.1%);
}

body #top-nav[percent="888"]::before {
    width: calc(888 * 0.1%);
}

body #top-nav[percent="889"]::before {
    width: calc(889 * 0.1%);
}

body #top-nav[percent="890"]::before {
    width: calc(890 * 0.1%);
}

body #top-nav[percent="891"]::before {
    width: calc(891 * 0.1%);
}

body #top-nav[percent="892"]::before {
    width: calc(892 * 0.1%);
}

body #top-nav[percent="893"]::before {
    width: calc(893 * 0.1%);
}

body #top-nav[percent="894"]::before {
    width: calc(894 * 0.1%);
}

body #top-nav[percent="895"]::before {
    width: calc(895 * 0.1%);
}

body #top-nav[percent="896"]::before {
    width: calc(896 * 0.1%);
}

body #top-nav[percent="897"]::before {
    width: calc(897 * 0.1%);
}

body #top-nav[percent="898"]::before {
    width: calc(898 * 0.1%);
}

body #top-nav[percent="899"]::before {
    width: calc(899 * 0.1%);
}

body #top-nav[percent="900"]::before {
    width: calc(900 * 0.1%);
}

body #top-nav[percent="901"]::before {
    width: calc(901 * 0.1%);
}

body #top-nav[percent="902"]::before {
    width: calc(902 * 0.1%);
}

body #top-nav[percent="903"]::before {
    width: calc(903 * 0.1%);
}

body #top-nav[percent="904"]::before {
    width: calc(904 * 0.1%);
}

body #top-nav[percent="905"]::before {
    width: calc(905 * 0.1%);
}

body #top-nav[percent="906"]::before {
    width: calc(906 * 0.1%);
}

body #top-nav[percent="907"]::before {
    width: calc(907 * 0.1%);
}

body #top-nav[percent="908"]::before {
    width: calc(908 * 0.1%);
}

body #top-nav[percent="909"]::before {
    width: calc(909 * 0.1%);
}

body #top-nav[percent="910"]::before {
    width: calc(910 * 0.1%);
}

body #top-nav[percent="911"]::before {
    width: calc(911 * 0.1%);
}

body #top-nav[percent="912"]::before {
    width: calc(912 * 0.1%);
}

body #top-nav[percent="913"]::before {
    width: calc(913 * 0.1%);
}

body #top-nav[percent="914"]::before {
    width: calc(914 * 0.1%);
}

body #top-nav[percent="915"]::before {
    width: calc(915 * 0.1%);
}

body #top-nav[percent="916"]::before {
    width: calc(916 * 0.1%);
}

body #top-nav[percent="917"]::before {
    width: calc(917 * 0.1%);
}

body #top-nav[percent="918"]::before {
    width: calc(918 * 0.1%);
}

body #top-nav[percent="919"]::before {
    width: calc(919 * 0.1%);
}

body #top-nav[percent="920"]::before {
    width: calc(920 * 0.1%);
}

body #top-nav[percent="921"]::before {
    width: calc(921 * 0.1%);
}

body #top-nav[percent="922"]::before {
    width: calc(922 * 0.1%);
}

body #top-nav[percent="923"]::before {
    width: calc(923 * 0.1%);
}

body #top-nav[percent="924"]::before {
    width: calc(924 * 0.1%);
}

body #top-nav[percent="925"]::before {
    width: calc(925 * 0.1%);
}

body #top-nav[percent="926"]::before {
    width: calc(926 * 0.1%);
}

body #top-nav[percent="927"]::before {
    width: calc(927 * 0.1%);
}

body #top-nav[percent="928"]::before {
    width: calc(928 * 0.1%);
}

body #top-nav[percent="929"]::before {
    width: calc(929 * 0.1%);
}

body #top-nav[percent="930"]::before {
    width: calc(930 * 0.1%);
}

body #top-nav[percent="931"]::before {
    width: calc(931 * 0.1%);
}

body #top-nav[percent="932"]::before {
    width: calc(932 * 0.1%);
}

body #top-nav[percent="933"]::before {
    width: calc(933 * 0.1%);
}

body #top-nav[percent="934"]::before {
    width: calc(934 * 0.1%);
}

body #top-nav[percent="935"]::before {
    width: calc(935 * 0.1%);
}

body #top-nav[percent="936"]::before {
    width: calc(936 * 0.1%);
}

body #top-nav[percent="937"]::before {
    width: calc(937 * 0.1%);
}

body #top-nav[percent="938"]::before {
    width: calc(938 * 0.1%);
}

body #top-nav[percent="939"]::before {
    width: calc(939 * 0.1%);
}

body #top-nav[percent="940"]::before {
    width: calc(940 * 0.1%);
}

body #top-nav[percent="941"]::before {
    width: calc(941 * 0.1%);
}

body #top-nav[percent="942"]::before {
    width: calc(942 * 0.1%);
}

body #top-nav[percent="943"]::before {
    width: calc(943 * 0.1%);
}

body #top-nav[percent="944"]::before {
    width: calc(944 * 0.1%);
}

body #top-nav[percent="945"]::before {
    width: calc(945 * 0.1%);
}

body #top-nav[percent="946"]::before {
    width: calc(946 * 0.1%);
}

body #top-nav[percent="947"]::before {
    width: calc(947 * 0.1%);
}

body #top-nav[percent="948"]::before {
    width: calc(948 * 0.1%);
}

body #top-nav[percent="949"]::before {
    width: calc(949 * 0.1%);
}

body #top-nav[percent="950"]::before {
    width: calc(950 * 0.1%);
}

body #top-nav[percent="951"]::before {
    width: calc(951 * 0.1%);
}

body #top-nav[percent="952"]::before {
    width: calc(952 * 0.1%);
}

body #top-nav[percent="953"]::before {
    width: calc(953 * 0.1%);
}

body #top-nav[percent="954"]::before {
    width: calc(954 * 0.1%);
}

body #top-nav[percent="955"]::before {
    width: calc(955 * 0.1%);
}

body #top-nav[percent="956"]::before {
    width: calc(956 * 0.1%);
}

body #top-nav[percent="957"]::before {
    width: calc(957 * 0.1%);
}

body #top-nav[percent="958"]::before {
    width: calc(958 * 0.1%);
}

body #top-nav[percent="959"]::before {
    width: calc(959 * 0.1%);
}

body #top-nav[percent="960"]::before {
    width: calc(960 * 0.1%);
}

body #top-nav[percent="961"]::before {
    width: calc(961 * 0.1%);
}

body #top-nav[percent="962"]::before {
    width: calc(962 * 0.1%);
}

body #top-nav[percent="963"]::before {
    width: calc(963 * 0.1%);
}

body #top-nav[percent="964"]::before {
    width: calc(964 * 0.1%);
}

body #top-nav[percent="965"]::before {
    width: calc(965 * 0.1%);
}

body #top-nav[percent="966"]::before {
    width: calc(966 * 0.1%);
}

body #top-nav[percent="967"]::before {
    width: calc(967 * 0.1%);
}

body #top-nav[percent="968"]::before {
    width: calc(968 * 0.1%);
}

body #top-nav[percent="969"]::before {
    width: calc(969 * 0.1%);
}

body #top-nav[percent="970"]::before {
    width: calc(970 * 0.1%);
}

body #top-nav[percent="971"]::before {
    width: calc(971 * 0.1%);
}

body #top-nav[percent="972"]::before {
    width: calc(972 * 0.1%);
}

body #top-nav[percent="973"]::before {
    width: calc(973 * 0.1%);
}

body #top-nav[percent="974"]::before {
    width: calc(974 * 0.1%);
}

body #top-nav[percent="975"]::before {
    width: calc(975 * 0.1%);
}

body #top-nav[percent="976"]::before {
    width: calc(976 * 0.1%);
}

body #top-nav[percent="977"]::before {
    width: calc(977 * 0.1%);
}

body #top-nav[percent="978"]::before {
    width: calc(978 * 0.1%);
}

body #top-nav[percent="979"]::before {
    width: calc(979 * 0.1%);
}

body #top-nav[percent="980"]::before {
    width: calc(980 * 0.1%);
}

body #top-nav[percent="981"]::before {
    width: calc(981 * 0.1%);
}

body #top-nav[percent="982"]::before {
    width: calc(982 * 0.1%);
}

body #top-nav[percent="983"]::before {
    width: calc(983 * 0.1%);
}

body #top-nav[percent="984"]::before {
    width: calc(984 * 0.1%);
}

body #top-nav[percent="985"]::before {
    width: calc(985 * 0.1%);
}

body #top-nav[percent="986"]::before {
    width: calc(986 * 0.1%);
}

body #top-nav[percent="987"]::before {
    width: calc(987 * 0.1%);
}

body #top-nav[percent="988"]::before {
    width: calc(988 * 0.1%);
}

body #top-nav[percent="989"]::before {
    width: calc(989 * 0.1%);
}

body #top-nav[percent="990"]::before {
    width: calc(990 * 0.1%);
}

body #top-nav[percent="991"]::before {
    width: calc(991 * 0.1%);
}

body #top-nav[percent="992"]::before {
    width: calc(992 * 0.1%);
}

body #top-nav[percent="993"]::before {
    width: calc(993 * 0.1%);
}

body #top-nav[percent="994"]::before {
    width: calc(994 * 0.1%);
}

body #top-nav[percent="995"]::before {
    width: calc(995 * 0.1%);
}

body #top-nav[percent="996"]::before {
    width: calc(996 * 0.1%);
}

body #top-nav[percent="997"]::before {
    width: calc(997 * 0.1%);
}

body #top-nav[percent="998"]::before {
    width: calc(998 * 0.1%);
}

body #top-nav[percent="999"]::before {
    width: calc(999 * 0.1%);
}

body #top-nav[percent="1000"]::before {
    width: calc(1000 * 0.1%);
}

body #top-nav[percent="-1"]::before {
    width: 0;
}

body #top-nav[percent="-2"]::before {
    width: 0;
}

body #top-nav[percent="-3"]::before {
    width: 0;
}

body #top-nav[percent="-4"]::before {
    width: 0;
}

body #top-nav[percent="-5"]::before {
    width: 0;
}

body #top-nav[percent="-6"]::before {
    width: 0;
}

body #top-nav[percent="-7"]::before {
    width: 0;
}

body #top-nav[percent="-8"]::before {
    width: 0;
}

body #top-nav[percent="-9"]::before {
    width: 0;
}

body #top-nav[percent="-10"]::before {
    width: 0;
}

body #top-nav[percent="-11"]::before {
    width: 0;
}

body #top-nav[percent="-12"]::before {
    width: 0;
}

body #top-nav[percent="-13"]::before {
    width: 0;
}

body #top-nav[percent="-14"]::before {
    width: 0;
}

body #top-nav[percent="-15"]::before {
    width: 0;
}

body #top-nav[percent="-16"]::before {
    width: 0;
}

body #top-nav[percent="-17"]::before {
    width: 0;
}

body #top-nav[percent="-18"]::before {
    width: 0;
}

body #top-nav[percent="-19"]::before {
    width: 0;
}

body #top-nav[percent="-20"]::before {
    width: 0;
}

body #top-nav[percent="-21"]::before {
    width: 0;
}

body #top-nav[percent="-22"]::before {
    width: 0;
}

body #top-nav[percent="-23"]::before {
    width: 0;
}

body #top-nav[percent="-24"]::before {
    width: 0;
}

body #top-nav[percent="-25"]::before {
    width: 0;
}

body #top-nav[percent="-26"]::before {
    width: 0;
}

body #top-nav[percent="-27"]::before {
    width: 0;
}

body #top-nav[percent="-28"]::before {
    width: 0;
}

body #top-nav[percent="-29"]::before {
    width: 0;
}

body #top-nav[percent="-30"]::before {
    width: 0;
}

body #top-nav[percent="-31"]::before {
    width: 0;
}

body #top-nav[percent="-32"]::before {
    width: 0;
}

body #top-nav[percent="-33"]::before {
    width: 0;
}

body #top-nav[percent="-34"]::before {
    width: 0;
}

body #top-nav[percent="-35"]::before {
    width: 0;
}

body #top-nav[percent="-36"]::before {
    width: 0;
}

body #top-nav[percent="-37"]::before {
    width: 0;
}

body #top-nav[percent="-38"]::before {
    width: 0;
}

body #top-nav[percent="-39"]::before {
    width: 0;
}

body #top-nav[percent="-40"]::before {
    width: 0;
}

body #top-nav[percent="-41"]::before {
    width: 0;
}

body #top-nav[percent="-42"]::before {
    width: 0;
}

body #top-nav[percent="-43"]::before {
    width: 0;
}

body #top-nav[percent="-44"]::before {
    width: 0;
}

body #top-nav[percent="-45"]::before {
    width: 0;
}

body #top-nav[percent="-46"]::before {
    width: 0;
}

body #top-nav[percent="-47"]::before {
    width: 0;
}

body #top-nav[percent="-48"]::before {
    width: 0;
}

body #top-nav[percent="-49"]::before {
    width: 0;
}

body #top-nav[percent="-50"]::before {
    width: 0;
}

body #top-nav[percent="-51"]::before {
    width: 0;
}

body #top-nav[percent="-52"]::before {
    width: 0;
}

body #top-nav[percent="-53"]::before {
    width: 0;
}

body #top-nav[percent="-54"]::before {
    width: 0;
}

body #top-nav[percent="-55"]::before {
    width: 0;
}

body #top-nav[percent="-56"]::before {
    width: 0;
}

body #top-nav[percent="-57"]::before {
    width: 0;
}

body #top-nav[percent="-58"]::before {
    width: 0;
}

body #top-nav[percent="-59"]::before {
    width: 0;
}

body #top-nav[percent="-60"]::before {
    width: 0;
}

body #top-nav[percent="-61"]::before {
    width: 0;
}

body #top-nav[percent="-62"]::before {
    width: 0;
}

body #top-nav[percent="-63"]::before {
    width: 0;
}

body #top-nav[percent="-64"]::before {
    width: 0;
}

body #top-nav[percent="-65"]::before {
    width: 0;
}

body #top-nav[percent="-66"]::before {
    width: 0;
}

body #top-nav[percent="-67"]::before {
    width: 0;
}

body #top-nav[percent="-68"]::before {
    width: 0;
}

body #top-nav[percent="-69"]::before {
    width: 0;
}

body #top-nav[percent="-70"]::before {
    width: 0;
}

body #top-nav[percent="-71"]::before {
    width: 0;
}

body #top-nav[percent="-72"]::before {
    width: 0;
}

body #top-nav[percent="-73"]::before {
    width: 0;
}

body #top-nav[percent="-74"]::before {
    width: 0;
}

body #top-nav[percent="-75"]::before {
    width: 0;
}

body #top-nav[percent="-76"]::before {
    width: 0;
}

body #top-nav[percent="-77"]::before {
    width: 0;
}

body #top-nav[percent="-78"]::before {
    width: 0;
}

body #top-nav[percent="-79"]::before {
    width: 0;
}

body #top-nav[percent="-80"]::before {
    width: 0;
}

body #top-nav[percent="-81"]::before {
    width: 0;
}

body #top-nav[percent="-82"]::before {
    width: 0;
}

body #top-nav[percent="-83"]::before {
    width: 0;
}

body #top-nav[percent="-84"]::before {
    width: 0;
}

body #top-nav[percent="-85"]::before {
    width: 0;
}

body #top-nav[percent="-86"]::before {
    width: 0;
}

body #top-nav[percent="-87"]::before {
    width: 0;
}

body #top-nav[percent="-88"]::before {
    width: 0;
}

body #top-nav[percent="-89"]::before {
    width: 0;
}

body #top-nav[percent="-90"]::before {
    width: 0;
}

body #top-nav[percent="-91"]::before {
    width: 0;
}

body #top-nav[percent="-92"]::before {
    width: 0;
}

body #top-nav[percent="-93"]::before {
    width: 0;
}

body #top-nav[percent="-94"]::before {
    width: 0;
}

body #top-nav[percent="-95"]::before {
    width: 0;
}

body #top-nav[percent="-96"]::before {
    width: 0;
}

body #top-nav[percent="-97"]::before {
    width: 0;
}

body #top-nav[percent="-98"]::before {
    width: 0;
}

body #top-nav[percent="-99"]::before {
    width: 0;
}

body #top-nav[percent="-100"]::before {
    width: 0;
}

body #top-nav::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background: linear-gradient(to right, var(--color-brand-1), var(--color-brand-3));
}

body #top-nav>section {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 auto;
    padding: 0 1rem;
    width: 100%;
    max-width: var(--width-max);
    height: 7rem;
    transition: 0.3s;
}

body #top-nav>section>section {
    display: flex;
    align-items: center;
}

body #top-nav>section>section:nth-child(1) {
    gap: 3rem;
}

body #top-nav>section>section:nth-last-child(1) {
    gap: 2rem;
}

body #top-nav>section>section>section {
    display: flex;
    align-items: center;
    gap: 1rem;
}

body #top-nav>section>section strong {
    position: relative;
    font-size: 1.5rem;
    color: var(--color-dark-9);
}

body #top-nav>section>section strong::after {
    content: "";
    position: absolute;
    bottom: 0.375rem;
    right: -0.75rem;
    width: 0.375rem;
    height: 0.375rem;
    border-radius: 50%;
    background-color: var(--color-brand-2);
}

body #top-nav>section>section button {
    width: 2.25rem;
    line-height: 2.25rem;
    height: 2.25rem;
    background: linear-gradient(to top, var(--color-brand-1), var(--color-brand-3));
    color: #FFF;
    border-radius: 50%;
}

body #top-nav>section>section button i {
    font-size: 1.125rem;
    color: inherit;
}

body #top-nav>section>section>ul {
    display: flex;
    align-items: center;
    list-style: none;
    width: 0;
    opacity: 0;
    transition: 0.3s opacity;
    overflow: hidden;
}

@media screen and (min-width: 1024px) {
    body #top-nav>section>section>ul {
        width: 100%;
        opacity: 1;
        overflow: visible;
    }
}

body #top-nav>section>section>ul[index="0"]>li:nth-child(1) {
    background: linear-gradient(to right, var(--color-brand-1), var(--color-brand-3));
    color: #FFF;
}

body #top-nav>section>section>ul[index="0"][sub-index="0"]>li:nth-child(1)>ul>li:nth-child(1) {
    color: var(--color-brand-2);
}

body #top-nav>section>section>ul[index="0"][sub-index="1"]>li:nth-child(1)>ul>li:nth-child(2) {
    color: var(--color-brand-2);
}

body #top-nav>section>section>ul[index="0"][sub-index="2"]>li:nth-child(1)>ul>li:nth-child(3) {
    color: var(--color-brand-2);
}

body #top-nav>section>section>ul[index="0"][sub-index="3"]>li:nth-child(1)>ul>li:nth-child(4) {
    color: var(--color-brand-2);
}

body #top-nav>section>section>ul[index="0"][sub-index="4"]>li:nth-child(1)>ul>li:nth-child(5) {
    color: var(--color-brand-2);
}

body #top-nav>section>section>ul[index="0"][sub-index="5"]>li:nth-child(1)>ul>li:nth-child(6) {
    color: var(--color-brand-2);
}

body #top-nav>section>section>ul[index="0"][sub-index="6"]>li:nth-child(1)>ul>li:nth-child(7) {
    color: var(--color-brand-2);
}

body #top-nav>section>section>ul[index="0"][sub-index="7"]>li:nth-child(1)>ul>li:nth-child(8) {
    color: var(--color-brand-2);
}

body #top-nav>section>section>ul[index="0"][sub-index="8"]>li:nth-child(1)>ul>li:nth-child(9) {
    color: var(--color-brand-2);
}

body #top-nav>section>section>ul[index="0"][sub-index="9"]>li:nth-child(1)>ul>li:nth-child(10) {
    color: var(--color-brand-2);
}

body #top-nav>section>section>ul[index="0"][sub-index="10"]>li:nth-child(1)>ul>li:nth-child(11) {
    color: var(--color-brand-2);
}

body #top-nav>section>section>ul[index="1"]>li:nth-child(2) {
    background: linear-gradient(to right, var(--color-brand-1), var(--color-brand-3));
    color: #FFF;
}

body #top-nav>section>section>ul[index="1"][sub-index="0"]>li:nth-child(2)>ul>li:nth-child(1) {
    color: var(--color-brand-2);
}

body #top-nav>section>section>ul[index="1"][sub-index="1"]>li:nth-child(2)>ul>li:nth-child(2) {
    color: var(--color-brand-2);
}

body #top-nav>section>section>ul[index="1"][sub-index="2"]>li:nth-child(2)>ul>li:nth-child(3) {
    color: var(--color-brand-2);
}

body #top-nav>section>section>ul[index="1"][sub-index="3"]>li:nth-child(2)>ul>li:nth-child(4) {
    color: var(--color-brand-2);
}

body #top-nav>section>section>ul[index="1"][sub-index="4"]>li:nth-child(2)>ul>li:nth-child(5) {
    color: var(--color-brand-2);
}

body #top-nav>section>section>ul[index="1"][sub-index="5"]>li:nth-child(2)>ul>li:nth-child(6) {
    color: var(--color-brand-2);
}

body #top-nav>section>section>ul[index="1"][sub-index="6"]>li:nth-child(2)>ul>li:nth-child(7) {
    color: var(--color-brand-2);
}

body #top-nav>section>section>ul[index="1"][sub-index="7"]>li:nth-child(2)>ul>li:nth-child(8) {
    color: var(--color-brand-2);
}

body #top-nav>section>section>ul[index="1"][sub-index="8"]>li:nth-child(2)>ul>li:nth-child(9) {
    color: var(--color-brand-2);
}

body #top-nav>section>section>ul[index="1"][sub-index="9"]>li:nth-child(2)>ul>li:nth-child(10) {
    color: var(--color-brand-2);
}

body #top-nav>section>section>ul[index="1"][sub-index="10"]>li:nth-child(2)>ul>li:nth-child(11) {
    color: var(--color-brand-2);
}

body #top-nav>section>section>ul[index="2"]>li:nth-child(3) {
    background: linear-gradient(to right, var(--color-brand-1), var(--color-brand-3));
    color: #FFF;
}

body #top-nav>section>section>ul[index="2"][sub-index="0"]>li:nth-child(3)>ul>li:nth-child(1) {
    color: var(--color-brand-2);
}

body #top-nav>section>section>ul[index="2"][sub-index="1"]>li:nth-child(3)>ul>li:nth-child(2) {
    color: var(--color-brand-2);
}

body #top-nav>section>section>ul[index="2"][sub-index="2"]>li:nth-child(3)>ul>li:nth-child(3) {
    color: var(--color-brand-2);
}

body #top-nav>section>section>ul[index="2"][sub-index="3"]>li:nth-child(3)>ul>li:nth-child(4) {
    color: var(--color-brand-2);
}

body #top-nav>section>section>ul[index="2"][sub-index="4"]>li:nth-child(3)>ul>li:nth-child(5) {
    color: var(--color-brand-2);
}

body #top-nav>section>section>ul[index="2"][sub-index="5"]>li:nth-child(3)>ul>li:nth-child(6) {
    color: var(--color-brand-2);
}

body #top-nav>section>section>ul[index="2"][sub-index="6"]>li:nth-child(3)>ul>li:nth-child(7) {
    color: var(--color-brand-2);
}

body #top-nav>section>section>ul[index="2"][sub-index="7"]>li:nth-child(3)>ul>li:nth-child(8) {
    color: var(--color-brand-2);
}

body #top-nav>section>section>ul[index="2"][sub-index="8"]>li:nth-child(3)>ul>li:nth-child(9) {
    color: var(--color-brand-2);
}

body #top-nav>section>section>ul[index="2"][sub-index="9"]>li:nth-child(3)>ul>li:nth-child(10) {
    color: var(--color-brand-2);
}

body #top-nav>section>section>ul[index="2"][sub-index="10"]>li:nth-child(3)>ul>li:nth-child(11) {
    color: var(--color-brand-2);
}

body #top-nav>section>section>ul[index="3"]>li:nth-child(4) {
    background: linear-gradient(to right, var(--color-brand-1), var(--color-brand-3));
    color: #FFF;
}

body #top-nav>section>section>ul[index="3"][sub-index="0"]>li:nth-child(4)>ul>li:nth-child(1) {
    color: var(--color-brand-2);
}

body #top-nav>section>section>ul[index="3"][sub-index="1"]>li:nth-child(4)>ul>li:nth-child(2) {
    color: var(--color-brand-2);
}

body #top-nav>section>section>ul[index="3"][sub-index="2"]>li:nth-child(4)>ul>li:nth-child(3) {
    color: var(--color-brand-2);
}

body #top-nav>section>section>ul[index="3"][sub-index="3"]>li:nth-child(4)>ul>li:nth-child(4) {
    color: var(--color-brand-2);
}

body #top-nav>section>section>ul[index="3"][sub-index="4"]>li:nth-child(4)>ul>li:nth-child(5) {
    color: var(--color-brand-2);
}

body #top-nav>section>section>ul[index="3"][sub-index="5"]>li:nth-child(4)>ul>li:nth-child(6) {
    color: var(--color-brand-2);
}

body #top-nav>section>section>ul[index="3"][sub-index="6"]>li:nth-child(4)>ul>li:nth-child(7) {
    color: var(--color-brand-2);
}

body #top-nav>section>section>ul[index="3"][sub-index="7"]>li:nth-child(4)>ul>li:nth-child(8) {
    color: var(--color-brand-2);
}

body #top-nav>section>section>ul[index="3"][sub-index="8"]>li:nth-child(4)>ul>li:nth-child(9) {
    color: var(--color-brand-2);
}

body #top-nav>section>section>ul[index="3"][sub-index="9"]>li:nth-child(4)>ul>li:nth-child(10) {
    color: var(--color-brand-2);
}

body #top-nav>section>section>ul[index="3"][sub-index="10"]>li:nth-child(4)>ul>li:nth-child(11) {
    color: var(--color-brand-2);
}

body #top-nav>section>section>ul[index="4"]>li:nth-child(5) {
    background: linear-gradient(to right, var(--color-brand-1), var(--color-brand-3));
    color: #FFF;
}

body #top-nav>section>section>ul[index="4"][sub-index="0"]>li:nth-child(5)>ul>li:nth-child(1) {
    color: var(--color-brand-2);
}

body #top-nav>section>section>ul[index="4"][sub-index="1"]>li:nth-child(5)>ul>li:nth-child(2) {
    color: var(--color-brand-2);
}

body #top-nav>section>section>ul[index="4"][sub-index="2"]>li:nth-child(5)>ul>li:nth-child(3) {
    color: var(--color-brand-2);
}

body #top-nav>section>section>ul[index="4"][sub-index="3"]>li:nth-child(5)>ul>li:nth-child(4) {
    color: var(--color-brand-2);
}

body #top-nav>section>section>ul[index="4"][sub-index="4"]>li:nth-child(5)>ul>li:nth-child(5) {
    color: var(--color-brand-2);
}

body #top-nav>section>section>ul[index="4"][sub-index="5"]>li:nth-child(5)>ul>li:nth-child(6) {
    color: var(--color-brand-2);
}

body #top-nav>section>section>ul[index="4"][sub-index="6"]>li:nth-child(5)>ul>li:nth-child(7) {
    color: var(--color-brand-2);
}

body #top-nav>section>section>ul[index="4"][sub-index="7"]>li:nth-child(5)>ul>li:nth-child(8) {
    color: var(--color-brand-2);
}

body #top-nav>section>section>ul[index="4"][sub-index="8"]>li:nth-child(5)>ul>li:nth-child(9) {
    color: var(--color-brand-2);
}

body #top-nav>section>section>ul[index="4"][sub-index="9"]>li:nth-child(5)>ul>li:nth-child(10) {
    color: var(--color-brand-2);
}

body #top-nav>section>section>ul[index="4"][sub-index="10"]>li:nth-child(5)>ul>li:nth-child(11) {
    color: var(--color-brand-2);
}

body #top-nav>section>section>ul[index="5"]>li:nth-child(6) {
    background: linear-gradient(to right, var(--color-brand-1), var(--color-brand-3));
    color: #FFF;
}

body #top-nav>section>section>ul[index="5"][sub-index="0"]>li:nth-child(6)>ul>li:nth-child(1) {
    color: var(--color-brand-2);
}

body #top-nav>section>section>ul[index="5"][sub-index="1"]>li:nth-child(6)>ul>li:nth-child(2) {
    color: var(--color-brand-2);
}

body #top-nav>section>section>ul[index="5"][sub-index="2"]>li:nth-child(6)>ul>li:nth-child(3) {
    color: var(--color-brand-2);
}

body #top-nav>section>section>ul[index="5"][sub-index="3"]>li:nth-child(6)>ul>li:nth-child(4) {
    color: var(--color-brand-2);
}

body #top-nav>section>section>ul[index="5"][sub-index="4"]>li:nth-child(6)>ul>li:nth-child(5) {
    color: var(--color-brand-2);
}

body #top-nav>section>section>ul[index="5"][sub-index="5"]>li:nth-child(6)>ul>li:nth-child(6) {
    color: var(--color-brand-2);
}

body #top-nav>section>section>ul[index="5"][sub-index="6"]>li:nth-child(6)>ul>li:nth-child(7) {
    color: var(--color-brand-2);
}

body #top-nav>section>section>ul[index="5"][sub-index="7"]>li:nth-child(6)>ul>li:nth-child(8) {
    color: var(--color-brand-2);
}

body #top-nav>section>section>ul[index="5"][sub-index="8"]>li:nth-child(6)>ul>li:nth-child(9) {
    color: var(--color-brand-2);
}

body #top-nav>section>section>ul[index="5"][sub-index="9"]>li:nth-child(6)>ul>li:nth-child(10) {
    color: var(--color-brand-2);
}

body #top-nav>section>section>ul[index="5"][sub-index="10"]>li:nth-child(6)>ul>li:nth-child(11) {
    color: var(--color-brand-2);
}

body #top-nav>section>section>ul[index="6"]>li:nth-child(7) {
    background: linear-gradient(to right, var(--color-brand-1), var(--color-brand-3));
    color: #FFF;
}

body #top-nav>section>section>ul[index="6"][sub-index="0"]>li:nth-child(7)>ul>li:nth-child(1) {
    color: var(--color-brand-2);
}

body #top-nav>section>section>ul[index="6"][sub-index="1"]>li:nth-child(7)>ul>li:nth-child(2) {
    color: var(--color-brand-2);
}

body #top-nav>section>section>ul[index="6"][sub-index="2"]>li:nth-child(7)>ul>li:nth-child(3) {
    color: var(--color-brand-2);
}

body #top-nav>section>section>ul[index="6"][sub-index="3"]>li:nth-child(7)>ul>li:nth-child(4) {
    color: var(--color-brand-2);
}

body #top-nav>section>section>ul[index="6"][sub-index="4"]>li:nth-child(7)>ul>li:nth-child(5) {
    color: var(--color-brand-2);
}

body #top-nav>section>section>ul[index="6"][sub-index="5"]>li:nth-child(7)>ul>li:nth-child(6) {
    color: var(--color-brand-2);
}

body #top-nav>section>section>ul[index="6"][sub-index="6"]>li:nth-child(7)>ul>li:nth-child(7) {
    color: var(--color-brand-2);
}

body #top-nav>section>section>ul[index="6"][sub-index="7"]>li:nth-child(7)>ul>li:nth-child(8) {
    color: var(--color-brand-2);
}

body #top-nav>section>section>ul[index="6"][sub-index="8"]>li:nth-child(7)>ul>li:nth-child(9) {
    color: var(--color-brand-2);
}

body #top-nav>section>section>ul[index="6"][sub-index="9"]>li:nth-child(7)>ul>li:nth-child(10) {
    color: var(--color-brand-2);
}

body #top-nav>section>section>ul[index="6"][sub-index="10"]>li:nth-child(7)>ul>li:nth-child(11) {
    color: var(--color-brand-2);
}

body #top-nav>section>section>ul[index="7"]>li:nth-child(8) {
    background: linear-gradient(to right, var(--color-brand-1), var(--color-brand-3));
    color: #FFF;
}

body #top-nav>section>section>ul[index="7"][sub-index="0"]>li:nth-child(8)>ul>li:nth-child(1) {
    color: var(--color-brand-2);
}

body #top-nav>section>section>ul[index="7"][sub-index="1"]>li:nth-child(8)>ul>li:nth-child(2) {
    color: var(--color-brand-2);
}

body #top-nav>section>section>ul[index="7"][sub-index="2"]>li:nth-child(8)>ul>li:nth-child(3) {
    color: var(--color-brand-2);
}

body #top-nav>section>section>ul[index="7"][sub-index="3"]>li:nth-child(8)>ul>li:nth-child(4) {
    color: var(--color-brand-2);
}

body #top-nav>section>section>ul[index="7"][sub-index="4"]>li:nth-child(8)>ul>li:nth-child(5) {
    color: var(--color-brand-2);
}

body #top-nav>section>section>ul[index="7"][sub-index="5"]>li:nth-child(8)>ul>li:nth-child(6) {
    color: var(--color-brand-2);
}

body #top-nav>section>section>ul[index="7"][sub-index="6"]>li:nth-child(8)>ul>li:nth-child(7) {
    color: var(--color-brand-2);
}

body #top-nav>section>section>ul[index="7"][sub-index="7"]>li:nth-child(8)>ul>li:nth-child(8) {
    color: var(--color-brand-2);
}

body #top-nav>section>section>ul[index="7"][sub-index="8"]>li:nth-child(8)>ul>li:nth-child(9) {
    color: var(--color-brand-2);
}

body #top-nav>section>section>ul[index="7"][sub-index="9"]>li:nth-child(8)>ul>li:nth-child(10) {
    color: var(--color-brand-2);
}

body #top-nav>section>section>ul[index="7"][sub-index="10"]>li:nth-child(8)>ul>li:nth-child(11) {
    color: var(--color-brand-2);
}

body #top-nav>section>section>ul[index="8"]>li:nth-child(9) {
    background: linear-gradient(to right, var(--color-brand-1), var(--color-brand-3));
    color: #FFF;
}

body #top-nav>section>section>ul[index="8"][sub-index="0"]>li:nth-child(9)>ul>li:nth-child(1) {
    color: var(--color-brand-2);
}

body #top-nav>section>section>ul[index="8"][sub-index="1"]>li:nth-child(9)>ul>li:nth-child(2) {
    color: var(--color-brand-2);
}

body #top-nav>section>section>ul[index="8"][sub-index="2"]>li:nth-child(9)>ul>li:nth-child(3) {
    color: var(--color-brand-2);
}

body #top-nav>section>section>ul[index="8"][sub-index="3"]>li:nth-child(9)>ul>li:nth-child(4) {
    color: var(--color-brand-2);
}

body #top-nav>section>section>ul[index="8"][sub-index="4"]>li:nth-child(9)>ul>li:nth-child(5) {
    color: var(--color-brand-2);
}

body #top-nav>section>section>ul[index="8"][sub-index="5"]>li:nth-child(9)>ul>li:nth-child(6) {
    color: var(--color-brand-2);
}

body #top-nav>section>section>ul[index="8"][sub-index="6"]>li:nth-child(9)>ul>li:nth-child(7) {
    color: var(--color-brand-2);
}

body #top-nav>section>section>ul[index="8"][sub-index="7"]>li:nth-child(9)>ul>li:nth-child(8) {
    color: var(--color-brand-2);
}

body #top-nav>section>section>ul[index="8"][sub-index="8"]>li:nth-child(9)>ul>li:nth-child(9) {
    color: var(--color-brand-2);
}

body #top-nav>section>section>ul[index="8"][sub-index="9"]>li:nth-child(9)>ul>li:nth-child(10) {
    color: var(--color-brand-2);
}

body #top-nav>section>section>ul[index="8"][sub-index="10"]>li:nth-child(9)>ul>li:nth-child(11) {
    color: var(--color-brand-2);
}

body #top-nav>section>section>ul[index="9"]>li:nth-child(10) {
    background: linear-gradient(to right, var(--color-brand-1), var(--color-brand-3));
    color: #FFF;
}

body #top-nav>section>section>ul[index="9"][sub-index="0"]>li:nth-child(10)>ul>li:nth-child(1) {
    color: var(--color-brand-2);
}

body #top-nav>section>section>ul[index="9"][sub-index="1"]>li:nth-child(10)>ul>li:nth-child(2) {
    color: var(--color-brand-2);
}

body #top-nav>section>section>ul[index="9"][sub-index="2"]>li:nth-child(10)>ul>li:nth-child(3) {
    color: var(--color-brand-2);
}

body #top-nav>section>section>ul[index="9"][sub-index="3"]>li:nth-child(10)>ul>li:nth-child(4) {
    color: var(--color-brand-2);
}

body #top-nav>section>section>ul[index="9"][sub-index="4"]>li:nth-child(10)>ul>li:nth-child(5) {
    color: var(--color-brand-2);
}

body #top-nav>section>section>ul[index="9"][sub-index="5"]>li:nth-child(10)>ul>li:nth-child(6) {
    color: var(--color-brand-2);
}

body #top-nav>section>section>ul[index="9"][sub-index="6"]>li:nth-child(10)>ul>li:nth-child(7) {
    color: var(--color-brand-2);
}

body #top-nav>section>section>ul[index="9"][sub-index="7"]>li:nth-child(10)>ul>li:nth-child(8) {
    color: var(--color-brand-2);
}

body #top-nav>section>section>ul[index="9"][sub-index="8"]>li:nth-child(10)>ul>li:nth-child(9) {
    color: var(--color-brand-2);
}

body #top-nav>section>section>ul[index="9"][sub-index="9"]>li:nth-child(10)>ul>li:nth-child(10) {
    color: var(--color-brand-2);
}

body #top-nav>section>section>ul[index="9"][sub-index="10"]>li:nth-child(10)>ul>li:nth-child(11) {
    color: var(--color-brand-2);
}

body #top-nav>section>section>ul[index="10"]>li:nth-child(11) {
    background: linear-gradient(to right, var(--color-brand-1), var(--color-brand-3));
    color: #FFF;
}

body #top-nav>section>section>ul[index="10"][sub-index="0"]>li:nth-child(11)>ul>li:nth-child(1) {
    color: var(--color-brand-2);
}

body #top-nav>section>section>ul[index="10"][sub-index="1"]>li:nth-child(11)>ul>li:nth-child(2) {
    color: var(--color-brand-2);
}

body #top-nav>section>section>ul[index="10"][sub-index="2"]>li:nth-child(11)>ul>li:nth-child(3) {
    color: var(--color-brand-2);
}

body #top-nav>section>section>ul[index="10"][sub-index="3"]>li:nth-child(11)>ul>li:nth-child(4) {
    color: var(--color-brand-2);
}

body #top-nav>section>section>ul[index="10"][sub-index="4"]>li:nth-child(11)>ul>li:nth-child(5) {
    color: var(--color-brand-2);
}

body #top-nav>section>section>ul[index="10"][sub-index="5"]>li:nth-child(11)>ul>li:nth-child(6) {
    color: var(--color-brand-2);
}

body #top-nav>section>section>ul[index="10"][sub-index="6"]>li:nth-child(11)>ul>li:nth-child(7) {
    color: var(--color-brand-2);
}

body #top-nav>section>section>ul[index="10"][sub-index="7"]>li:nth-child(11)>ul>li:nth-child(8) {
    color: var(--color-brand-2);
}

body #top-nav>section>section>ul[index="10"][sub-index="8"]>li:nth-child(11)>ul>li:nth-child(9) {
    color: var(--color-brand-2);
}

body #top-nav>section>section>ul[index="10"][sub-index="9"]>li:nth-child(11)>ul>li:nth-child(10) {
    color: var(--color-brand-2);
}

body #top-nav>section>section>ul[index="10"][sub-index="10"]>li:nth-child(11)>ul>li:nth-child(11) {
    color: var(--color-brand-2);
}

body #top-nav>section>section>ul>li {
    position: relative;
    padding: 0 1.25rem;
    line-height: 2.25rem;
    border-radius: 1.125rem;
    font-size: 0.875rem;
    font-weight: 300;
    letter-spacing: 0.5px;
    color: var(--color-dark-5);
    cursor: pointer;
    transition: 0.3s;
}

body #top-nav>section>section>ul>li:hover {
    color: var(--color-dark-7);
}

body #top-nav>section>section>ul>li:hover ul {
    opacity: 1;
    overflow: visible;
}

body #top-nav>section>section>ul>li:hover ul[row="1"] {
    max-height: calc(3rem * 1);
}

body #top-nav>section>section>ul>li:hover ul[row="2"] {
    max-height: calc(3rem * 2);
}

body #top-nav>section>section>ul>li:hover ul[row="3"] {
    max-height: calc(3rem * 3);
}

body #top-nav>section>section>ul>li:hover ul[row="4"] {
    max-height: calc(3rem * 4);
}

body #top-nav>section>section>ul>li:hover ul[row="5"] {
    max-height: calc(3rem * 5);
}

body #top-nav>section>section>ul>li:hover ul[row="6"] {
    max-height: calc(3rem * 6);
}

body #top-nav>section>section>ul>li:hover ul[row="7"] {
    max-height: calc(3rem * 7);
}

body #top-nav>section>section>ul>li:hover ul[row="8"] {
    max-height: calc(3rem * 8);
}

body #top-nav>section>section>ul>li:hover ul li {
    opacity: 1;
}

body #top-nav>section>section>ul>li a {
    color: inherit;
}

body #top-nav>section>section>ul>li i {
    margin-left: 0.25rem;
    font-size: 0.75rem;
    color: inherit;
}

body #top-nav>section>section>ul>li ul {
    position: absolute;
    z-index: 1;
    top: 2.25rem;
    left: 0;
    padding: 0 1.25rem;
    min-width: 15rem;
    max-height: 0;
    background-color: #FFF;
    list-style: none;
    box-shadow: 0 -0.125rem 0.75rem rgba(0, 0, 0, 0.1019607843);
    border-radius: 0.5rem;
    opacity: 0;
    transition: 0.3s;
    overflow: hidden;
}

body #top-nav>section>section>ul>li ul::before {
    content: "";
    position: absolute;
    top: -0.5rem;
    border-bottom: 0.5rem solid #fff;
    border-left: 0.5rem solid transparent;
    border-right: 0.5rem solid transparent;
}

body #top-nav>section>section>ul>li ul li {
    line-height: 3rem;
    font-weight: 300;
    letter-spacing: 0.5px;
    color: var(--color-dark-5);
    border-bottom: 1px solid var(--color-dark-1);
    opacity: 0;
    transition: 0.3s;
}

body #top-nav>section>section>ul>li ul li:nth-last-child(1) {
    border-bottom: 1px solid transparent;
}

body #top-nav>section>section>ul>li ul li:hover {
    padding-left: 0.375rem;
    color: var(--color-brand-2);
}

body footer#bottom-footer {
    display: flex;
    flex-flow: column;
    width: 100%;
}

body footer#bottom-footer>a {
    position: relative;
    display: flex;
    justify-content: center;
    gap: 0.25rem;
    margin: 2rem auto 0;
    padding: 0 1rem;
    width: 100%;
    max-width: var(--width-max);
}

body footer#bottom-footer>a:hover::before {
    background-position: 100%;
}

body footer#bottom-footer>a::before {
    content: "@" attr(instagram) " on Instagram";
    position: absolute;
    display: inline-block;
    z-index: 1;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin-right: -50%;
    padding: 0 2rem;
    line-height: 2.75rem;
    font-size: 0.875rem;
    font-weight: 300;
    background: linear-gradient(to right, var(--color-brand-1), var(--color-brand-3), var(--color-brand-1));
    background-size: 200%;
    color: #fff;
    border-radius: 1.375rem;
    box-shadow: 0 0 0.25rem rgba(0, 0, 0, 0.1019607843);
    transition: 0.3s;
}

body footer#bottom-footer>a figure {
    position: relative;
    width: 100%;
    aspect-ratio: 1/1;
    border-radius: 0.5rem;
    transition: 0.3s;
}

body footer#bottom-footer>a figure:nth-child(3),
body footer#bottom-footer>a figure:nth-child(4),
body footer#bottom-footer>a figure:nth-child(5),
body footer#bottom-footer>a figure:nth-child(6) {
    margin-left: -0.25rem;
    width: 0;
    opacity: 0;
}

@media screen and (min-width: 640px) {

    body footer#bottom-footer>a figure:nth-child(3),
    body footer#bottom-footer>a figure:nth-child(4) {
        margin-left: 0;
        width: 100%;
        opacity: 1;
    }
}

@media screen and (min-width: 1024px) {

    body footer#bottom-footer>a figure:nth-child(5),
    body footer#bottom-footer>a figure:nth-child(6) {
        margin-left: 0;
        width: 100%;
        opacity: 1;
    }
}

body footer#bottom-footer>a figure img {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    border-radius: 0.5rem;
}

body footer#bottom-footer>section {
    position: relative;
    display: flex;
    flex-flow: column;
    justify-content: space-between;
    align-items: center;
    margin: 4rem auto 0;
    padding: 3rem 1rem;
    gap: 1rem;
    width: 100%;
    max-width: var(--width-max);
}

@media screen and (min-width: 800px) {
    body footer#bottom-footer>section {
        flex-flow: row;
    }
}

body footer#bottom-footer>section::before {
    content: "";
    position: absolute;
    top: 0;
    left: 1rem;
    right: 1rem;
    height: 1px;
    background-color: rgba(0, 0, 0, 0.1019607843);
}

body footer#bottom-footer>section p,
body footer#bottom-footer>section button {
    position: relative;
    z-index: 1;
    text-align: center;
    font-size: 0.875rem;
    font-weight: 300;
    color: var(--color-dark-4);
}

@media screen and (min-width: 800px) {

    body footer#bottom-footer>section p,
    body footer#bottom-footer>section button {
        text-align: right;
    }
}

body footer#bottom-footer>section p i,
body footer#bottom-footer>section button i {
    margin-right: 0.5rem;
    color: inherit;
}

body footer#bottom-footer>section button {
    padding: 0 1rem;
    line-height: 2rem;
    text-align: center;
    border: 1px solid rgba(0, 0, 0, 0.1019607843);
    border-radius: 1rem;
}

@media screen and (min-width: 800px) {
    body footer#bottom-footer>section button {
        text-align: right;
    }
}

body #body {
    padding-top: 7rem;
    width: 100%;
}

body #body header {
    position: relative;
}

body #body header#default-header {
    margin-bottom: 4rem;
    background-color: #FFEDE8;
}

body #body header#default-header section {
    position: relative;
    z-index: 1;
    display: flex;
    flex-flow: column;
    align-items: center;
    margin: 0 auto;
    padding: 3rem 1rem;
    width: 100%;
    max-width: var(--width-max);
}

body #body header#default-header section h1 {
    font-size: 1.75rem;
    color: var(--color-dark-8);
}

body #body header#user-header {
    margin-bottom: 4rem;
}

body #body header#user-header>section {
    display: flex;
    gap: 2rem;
    margin: 0 auto;
    padding: 2rem;
    width: calc(100% - 2rem);
    max-width: calc(var(--width-max) - 2rem);
    background-color: #FFEDE8;
    border-radius: 0.5rem;
}

body #body header#user-header>section img {
    width: 6rem;
    height: 6rem;
    border-radius: 50%;
}

body #body header#user-header>section section {
    display: flex;
    flex-flow: column;
    gap: 0.75rem;
}

body #body header#user-header>section section h1 {
    font-size: 1.75rem;
    color: var(--color-dark-8);
}

body #body header#user-header>section section p {
    line-height: 1.75rem;
    font-size: 0.875rem;
    color: var(--color-dark-4);
}

body #body header#post-1-header section {
    display: flex;
    flex-flow: column;
    align-items: flex-start;
    margin: 0 auto;
    padding: 0 1rem;
    margin: 0 auto;
    width: 100%;
    max-width: 42rem;
    transition: 0.3s;
}

@media screen and (min-width: 1024px) {
    body #body header#post-1-header section {
        max-width: var(--width-max);
    }
}

body #body header#post-2-header {
    margin-bottom: 4rem;
    margin: 0 auto 2rem;
    width: 100%;
    aspect-ratio: 1/1;
    transition: 0.3s;
}

@media screen and (min-width: 640px) {
    body #body header#post-2-header {
        aspect-ratio: 3/2;
    }
}

@media screen and (min-width: 1024px) {
    body #body header#post-2-header {
        aspect-ratio: 3/1;
    }
}

body #body header#post-2-header figure {
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
}

body #body header#post-2-header figure::before {
    content: "";
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5019607843);
    backdrop-filter: blur(0.25rem);
    -webkit-backdrop-filter: blur(0.25rem);
}

body #body header#post-2-header figure img {
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
}

body #body header#post-2-header>section {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    display: flex;
    flex-flow: column;
    align-items: flex-start;
    margin: 0 auto;
    padding: 3rem 1rem;
    width: 100%;
    max-width: var(--width-max);
}

body #body header#post-2-header>section h1 {
    margin-top: 1rem;
    max-width: 50rem;
    font-size: 2rem;
    color: var(--color-light-8);
}

@media screen and (min-width: 640px) {
    body #body header#post-2-header>section h1 {
        font-size: 2.5rem;
    }
}

body #body header#post-2-header>section section {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-top: 1rem;
    width: 100%;
}

body #body header#post-2-header>section section img {
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
}

body #body>section {
    display: flex;
    flex-flow: column;
    align-items: center;
    margin: 0 auto;
    padding: 0 1rem;
    width: 100%;
    max-width: var(--width-max);
}

@media screen and (min-width: 1024px) {
    body #body>section {
        flex-flow: row;
        align-items: flex-start;
        gap: 2rem;
    }
}

body #body>section>section {
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    padding-bottom: 2rem;
    width: 100%;
}

body #body>section>section.left {
    gap: 4rem;
    width: 100%;
    max-width: 40rem;
    transition: 0.3s;
}

@media screen and (min-width: 1024px) {
    body #body>section>section.left {
        width: calc(100% - 22rem);
        max-width: unset;
    }
}

@media screen and (min-width: 1140px) {
    body #body>section>section.left {
        width: calc(100% - 27rem);
    }
}

body #body>section>section.left>a figure,
body #body>section>section.left>figure {
    position: relative;
    flex-shrink: 0;
    width: 100%;
    aspect-ratio: 4/3;
    border-radius: 0.5rem;
    transition: 0.3s;
    overflow: hidden;
    cursor: pointer;
}

body #body>section>section.left>a figure::before,
body #body>section>section.left>figure::before {
    content: "";
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5019607843);
    backdrop-filter: blur(0.25rem);
    -webkit-backdrop-filter: blur(0.25rem);
}

body #body>section>section.left>a figure:hover img,
body #body>section>section.left>figure:hover img {
    transform: scale(105%);
}

body #body>section>section.left>a figure img,
body #body>section>section.left>figure img {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    transition: 0.3s;
}

body #body>section>section.left>a figure section,
body #body>section>section.left>figure section {
    position: absolute;
    display: flex;
    flex-flow: column;
    align-items: flex-start;
    z-index: 1;
    left: 1rem;
    bottom: 1rem;
    right: 1rem;
    transition: 0.3s;
}

@media screen and (min-width: 640px) {

    body #body>section>section.left>a figure section,
    body #body>section>section.left>figure section {
        left: 2rem;
        bottom: 2rem;
        right: 2rem;
    }
}

@media screen and (min-width: 1024px) {

    body #body>section>section.left>a figure section,
    body #body>section>section.left>figure section {
        left: 3rem;
        bottom: 3rem;
        right: 3rem;
    }
}

body #body>section>section.left>a figure section span,
body #body>section>section.left>figure section span {
    padding: 0 0.625rem;
    line-height: 1.625rem;
    font-style: normal;
    font-size: 0.75rem;
    font-weight: 300;
    background: linear-gradient(to right, var(--color-brand-1), var(--color-brand-3));
    color: #FFF;
    border-radius: 0.8125rem;
}

body #body>section>section.left>a figure section h2,
body #body>section>section.left>figure section h2 {
    margin: 0.75rem 0;
    width: 100%;
    max-width: 50rem;
    font-size: 2rem;
    color: #fff;
    filter: drop-shadow(0 0 0.25rem rgba(0, 0, 0, 0.4));
    -webkit-filter: drop-shadow(0 0 0.25rem rgba(0, 0, 0, 0.4));
}

body #body>section>section.left>section {
    width: 100%;
}

body #body>section>section.left>section>h3 {
    font-size: 1.5rem;
    color: var(--color-dark-8);
}

body #body>section>section.left>section>p {
    font-size: 0.75rem;
    text-align: center;
    color: var(--color-dark-4);
}

body #body>section>section.left>section>section.blog {
    display: flex;
    flex-flow: column;
    gap: 2rem;
    margin-top: 2rem;
    padding: 1rem;
    width: 100%;
    border: 1px solid rgba(0, 0, 0, 0.1019607843);
    border-radius: 0.5rem;
    transition: 0.3s;
}

@media screen and (min-width: 640px) {
    body #body>section>section.left>section>section.blog {
        padding: 2rem;
        flex-flow: row;
    }
}

body #body>section>section.left>section>section.blog>section {
    width: 100%;
    transition: 0.3s;
}

@media screen and (min-width: 640px) {
    body #body>section>section.left>section>section.blog>section {
        width: calc((100% - 2rem) / 2);
    }
}

body #body>section>section.left>section>section.blog>section article {
    width: 100%;
}

body #body>section>section.left>section>section.blog>section article figure {
    position: relative;
    width: 100%;
    aspect-ratio: 16/9;
    border-radius: 0.5rem;
    transition: 0.3s;
    overflow: hidden;
    cursor: pointer;
}

body #body>section>section.left>section>section.blog>section article figure:hover img {
    transform: scale(105%);
}

@media screen and (min-width: 640px) {
    body #body>section>section.left>section>section.blog>section article figure {
        aspect-ratio: 4/3;
    }
}

body #body>section>section.left>section>section.blog>section article figure img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    transition: 0.3s;
}

body #body>section>section.left>section>section.blog>section article figure span {
    position: absolute;
    top: 1rem;
    left: 1rem;
    padding: 0 0.625rem;
    line-height: 1.625rem;
    font-style: normal;
    font-size: 0.75rem;
    font-weight: 300;
    background: linear-gradient(to right, var(--color-brand-1), var(--color-brand-3));
    color: #FFF;
    border-radius: 0.8125rem;
}

body #body>section>section.left>section>section.blog>section article button {
    margin-left: calc(100% - 4.25rem);
    transform: translateY(-50%);
    width: 3rem;
    line-height: 3rem;
    height: 3rem;
    background: linear-gradient(to top, var(--color-brand-1), var(--color-brand-3));
    color: #FFF;
    border-radius: 50%;
}

body #body>section>section.left>section>section.blog>section article button i {
    font-size: 1.125rem;
    color: inherit;
}

body #body>section>section.left>section>section.blog>section article section {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-top: -1.5rem;
}

body #body>section>section.left>section>section.blog>section article section img {
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
}

body #body>section>section.left>section>section.blog>section article section ul {
    display: flex;
    list-style: none;
}

body #body>section>section.left>section>section.blog>section article section ul li {
    color: var(--color-dark-4);
    font-size: 0.875rem;
    font-weight: 300;
}

body #body>section>section.left>section>section.blog>section article section ul li::before {
    content: "・";
    padding: 0 0.25rem;
    font-size: 1rem;
    color: var(--color-brand-2);
}

body #body>section>section.left>section>section.blog>section article section ul li:nth-child(1)::before {
    content: "";
    padding: 0;
    font-size: 1rem;
}

body #body>section>section.left>section>section.blog>section article section ul li a {
    color: inherit;
    transition: 0.3s;
}

body #body>section>section.left>section>section.blog>section article section ul li a:hover {
    color: var(--color-brand-2);
}

body #body>section>section.left>section>section.blog>section article section ul li time {
    color: inherit;
}

body #body>section>section.left>section>section.blog>section article section ul li i {
    font-size: 0.875rem;
    color: inherit;
}

body #body>section>section.left>section>section.blog>section article h5 {
    margin-top: 0.75rem;
    width: 100%;
    line-height: 1.875rem;
    max-height: 3.75rem;
    font-size: 1.375rem;
    color: var(--color-dark-8);
    transition: 0.3s;
    cursor: pointer;
}

body #body>section>section.left>section>section.blog>section article h5:hover {
    color: var(--color-brand-2);
}

body #body>section>section.left>section>section.blog>section article p {
    margin-top: 1rem;
    width: 100%;
    line-height: 1.75rem;
    max-height: 5.25rem;
    font-weight: 300;
    color: var(--color-dark-4);
}

body #body>section>section.left>section>section.blog>section>a,
body #body>section>section.left>section>section.blog>section>div {
    position: relative;
    display: flex;
    align-items: flex-start;
    gap: 1.5rem;
    margin-top: 1.25rem;
    padding-top: 1.25rem;
    width: 100%;
}

body #body>section>section.left>section>section.blog>section>a::before,
body #body>section>section.left>section>section.blog>section>div::before {
    content: "";
    position: absolute;
    top: 0;
    left: 10rem;
    right: 0;
    height: 1px;
    background: linear-gradient(to right, transparent, rgba(0, 0, 0, 0.1019607843), rgba(0, 0, 0, 0.1019607843));
}

body #body>section>section.left>section>section.blog>section>a:nth-child(1),
body #body>section>section.left>section>section.blog>section>div:nth-child(1) {
    margin-top: 0;
    padding-top: 0;
}

body #body>section>section.left>section>section.blog>section>a:nth-child(1)::before,
body #body>section>section.left>section>section.blog>section>div:nth-child(1)::before {
    opacity: 0;
}

body #body>section>section.left>section>section.blog>section>a figure,
body #body>section>section.left>section>section.blog>section>div figure {
    position: relative;
    flex-shrink: 0;
    width: 7.5rem;
    aspect-ratio: 4/3;
    border-radius: 0.5rem;
    overflow: hidden;
}

body #body>section>section.left>section>section.blog>section>a figure:hover img,
body #body>section>section.left>section>section.blog>section>div figure:hover img {
    transform: scale(105%);
}

body #body>section>section.left>section>section.blog>section>a figure img,
body #body>section>section.left>section>section.blog>section>div figure img {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    transition: 0.3s;
}

body #body>section>section.left>section>section.blog>section>a section,
body #body>section>section.left>section>section.blog>section>div section {
    width: 100%;
}

body #body>section>section.left>section>section.blog>section>a section h6,
body #body>section>section.left>section>section.blog>section>div section h6 {
    width: 100%;
    line-height: 1.5rem;
    max-height: 3rem;
    font-size: 1rem;
    color: var(--color-dark-8);
    transition: 0.3s;
    cursor: pointer;
}

body #body>section>section.left>section>section.blog>section>a section h6:hover,
body #body>section>section.left>section>section.blog>section>div section h6:hover {
    color: var(--color-brand-2);
}

body #body>section>section.left>section>section.blog>section>a section time,
body #body>section>section.left>section>section.blog>section>div section time {
    height: 1.375rem;
    font-size: 0.875rem;
    font-weight: 300;
    color: var(--color-dark-4);
    overflow: hidden;
}

body #body>section>section.left>section>section.grid-1 {
    display: flex;
    flex-flow: column;
    gap: 2rem;
    margin-top: 2rem;
    width: 100%;
}

body #body>section>section.left>section>section.grid-1:nth-child(1) {
    margin-top: 0;
}

@media screen and (min-width: 640px) {
    body #body>section>section.left>section>section.grid-1 {
        flex-flow: row wrap;
    }
}

body #body>section>section.left>section>section.grid-1 figure {
    position: relative;
    width: 100%;
    aspect-ratio: 16/9;
    border-radius: 0.5rem;
    transition: 0.3s;
    overflow: hidden;
    cursor: pointer;
}

@media screen and (min-width: 640px) {
    body #body>section>section.left>section>section.grid-1 figure {
        width: calc((100% - 2rem) / 2);
        aspect-ratio: 4/3 !important;
    }
}

body #body>section>section.left>section>section.grid-1 figure::before {
    content: "";
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5019607843);
    backdrop-filter: blur(0.25rem);
    -webkit-backdrop-filter: blur(0.25rem);
}

body #body>section>section.left>section>section.grid-1 figure:hover img {
    transform: scale(105%);
}

body #body>section>section.left>section>section.grid-1 figure img {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    transition: 0.3s;
}

body #body>section>section.left>section>section.grid-1 figure section {
    position: absolute;
    display: flex;
    flex-flow: column;
    align-items: flex-start;
    z-index: 1;
    left: 1rem;
    bottom: 1rem;
    right: 1rem;
    transition: 0.3s;
}

@media screen and (min-width: 640px) {
    body #body>section>section.left>section>section.grid-1 figure section {
        left: 1.5rem;
        bottom: 1.5rem;
        right: 1.5rem;
    }
}

body #body>section>section.left>section>section.grid-1 figure section span {
    padding: 0 0.75rem;
    line-height: 1.5rem;
    font-style: normal;
    font-size: 0.75rem;
    font-weight: 300;
    background: linear-gradient(to right, var(--color-brand-1), var(--color-brand-3));
    color: #FFF;
    border-radius: 0.75rem;
}

body #body>section>section.left>section>section.grid-1 figure section h4 {
    margin: 0.75rem 0 0.5rem;
    width: 100%;
    max-width: 50rem;
    line-height: 1.875rem;
    max-height: 3.75rem;
    font-size: 1.375rem;
    color: #fff;
    filter: drop-shadow(0 0 0.25rem rgba(0, 0, 0, 0.4));
    -webkit-filter: drop-shadow(0 0 0.25rem rgba(0, 0, 0, 0.4));
}

body #body>section>section.left>section>section.grid-1>ul {
    display: flex;
    justify-content: center;
    gap: 0.5rem;
    width: 100%;
    list-style: none;
}

body #body>section>section.left>section>section.grid-1>ul[page="1"] li[txt="1"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.grid-1>ul[page="1"] li[txt="1"]::before,
body #body>section>section.left>section>section.grid-1>ul[page="1"] li[txt="1"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.grid-1>ul[page="2"] li[txt="2"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.grid-1>ul[page="2"] li[txt="2"]::before,
body #body>section>section.left>section>section.grid-1>ul[page="2"] li[txt="2"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.grid-1>ul[page="3"] li[txt="3"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.grid-1>ul[page="3"] li[txt="3"]::before,
body #body>section>section.left>section>section.grid-1>ul[page="3"] li[txt="3"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.grid-1>ul[page="4"] li[txt="4"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.grid-1>ul[page="4"] li[txt="4"]::before,
body #body>section>section.left>section>section.grid-1>ul[page="4"] li[txt="4"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.grid-1>ul[page="5"] li[txt="5"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.grid-1>ul[page="5"] li[txt="5"]::before,
body #body>section>section.left>section>section.grid-1>ul[page="5"] li[txt="5"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.grid-1>ul[page="6"] li[txt="6"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.grid-1>ul[page="6"] li[txt="6"]::before,
body #body>section>section.left>section>section.grid-1>ul[page="6"] li[txt="6"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.grid-1>ul[page="7"] li[txt="7"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.grid-1>ul[page="7"] li[txt="7"]::before,
body #body>section>section.left>section>section.grid-1>ul[page="7"] li[txt="7"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.grid-1>ul[page="8"] li[txt="8"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.grid-1>ul[page="8"] li[txt="8"]::before,
body #body>section>section.left>section>section.grid-1>ul[page="8"] li[txt="8"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.grid-1>ul[page="9"] li[txt="9"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.grid-1>ul[page="9"] li[txt="9"]::before,
body #body>section>section.left>section>section.grid-1>ul[page="9"] li[txt="9"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.grid-1>ul[page="10"] li[txt="10"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.grid-1>ul[page="10"] li[txt="10"]::before,
body #body>section>section.left>section>section.grid-1>ul[page="10"] li[txt="10"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.grid-1>ul[page="11"] li[txt="11"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.grid-1>ul[page="11"] li[txt="11"]::before,
body #body>section>section.left>section>section.grid-1>ul[page="11"] li[txt="11"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.grid-1>ul[page="12"] li[txt="12"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.grid-1>ul[page="12"] li[txt="12"]::before,
body #body>section>section.left>section>section.grid-1>ul[page="12"] li[txt="12"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.grid-1>ul[page="13"] li[txt="13"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.grid-1>ul[page="13"] li[txt="13"]::before,
body #body>section>section.left>section>section.grid-1>ul[page="13"] li[txt="13"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.grid-1>ul[page="14"] li[txt="14"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.grid-1>ul[page="14"] li[txt="14"]::before,
body #body>section>section.left>section>section.grid-1>ul[page="14"] li[txt="14"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.grid-1>ul[page="15"] li[txt="15"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.grid-1>ul[page="15"] li[txt="15"]::before,
body #body>section>section.left>section>section.grid-1>ul[page="15"] li[txt="15"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.grid-1>ul[page="16"] li[txt="16"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.grid-1>ul[page="16"] li[txt="16"]::before,
body #body>section>section.left>section>section.grid-1>ul[page="16"] li[txt="16"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.grid-1>ul[page="17"] li[txt="17"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.grid-1>ul[page="17"] li[txt="17"]::before,
body #body>section>section.left>section>section.grid-1>ul[page="17"] li[txt="17"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.grid-1>ul[page="18"] li[txt="18"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.grid-1>ul[page="18"] li[txt="18"]::before,
body #body>section>section.left>section>section.grid-1>ul[page="18"] li[txt="18"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.grid-1>ul[page="19"] li[txt="19"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.grid-1>ul[page="19"] li[txt="19"]::before,
body #body>section>section.left>section>section.grid-1>ul[page="19"] li[txt="19"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.grid-1>ul[page="20"] li[txt="20"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.grid-1>ul[page="20"] li[txt="20"]::before,
body #body>section>section.left>section>section.grid-1>ul[page="20"] li[txt="20"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.grid-1>ul[page="21"] li[txt="21"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.grid-1>ul[page="21"] li[txt="21"]::before,
body #body>section>section.left>section>section.grid-1>ul[page="21"] li[txt="21"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.grid-1>ul[page="22"] li[txt="22"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.grid-1>ul[page="22"] li[txt="22"]::before,
body #body>section>section.left>section>section.grid-1>ul[page="22"] li[txt="22"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.grid-1>ul[page="23"] li[txt="23"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.grid-1>ul[page="23"] li[txt="23"]::before,
body #body>section>section.left>section>section.grid-1>ul[page="23"] li[txt="23"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.grid-1>ul[page="24"] li[txt="24"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.grid-1>ul[page="24"] li[txt="24"]::before,
body #body>section>section.left>section>section.grid-1>ul[page="24"] li[txt="24"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.grid-1>ul[page="25"] li[txt="25"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.grid-1>ul[page="25"] li[txt="25"]::before,
body #body>section>section.left>section>section.grid-1>ul[page="25"] li[txt="25"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.grid-1>ul[page="26"] li[txt="26"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.grid-1>ul[page="26"] li[txt="26"]::before,
body #body>section>section.left>section>section.grid-1>ul[page="26"] li[txt="26"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.grid-1>ul[page="27"] li[txt="27"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.grid-1>ul[page="27"] li[txt="27"]::before,
body #body>section>section.left>section>section.grid-1>ul[page="27"] li[txt="27"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.grid-1>ul[page="28"] li[txt="28"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.grid-1>ul[page="28"] li[txt="28"]::before,
body #body>section>section.left>section>section.grid-1>ul[page="28"] li[txt="28"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.grid-1>ul[page="29"] li[txt="29"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.grid-1>ul[page="29"] li[txt="29"]::before,
body #body>section>section.left>section>section.grid-1>ul[page="29"] li[txt="29"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.grid-1>ul[page="30"] li[txt="30"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.grid-1>ul[page="30"] li[txt="30"]::before,
body #body>section>section.left>section>section.grid-1>ul[page="30"] li[txt="30"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.grid-1>ul[page="31"] li[txt="31"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.grid-1>ul[page="31"] li[txt="31"]::before,
body #body>section>section.left>section>section.grid-1>ul[page="31"] li[txt="31"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.grid-1>ul[page="32"] li[txt="32"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.grid-1>ul[page="32"] li[txt="32"]::before,
body #body>section>section.left>section>section.grid-1>ul[page="32"] li[txt="32"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.grid-1>ul[page="33"] li[txt="33"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.grid-1>ul[page="33"] li[txt="33"]::before,
body #body>section>section.left>section>section.grid-1>ul[page="33"] li[txt="33"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.grid-1>ul[page="34"] li[txt="34"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.grid-1>ul[page="34"] li[txt="34"]::before,
body #body>section>section.left>section>section.grid-1>ul[page="34"] li[txt="34"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.grid-1>ul[page="35"] li[txt="35"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.grid-1>ul[page="35"] li[txt="35"]::before,
body #body>section>section.left>section>section.grid-1>ul[page="35"] li[txt="35"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.grid-1>ul[page="36"] li[txt="36"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.grid-1>ul[page="36"] li[txt="36"]::before,
body #body>section>section.left>section>section.grid-1>ul[page="36"] li[txt="36"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.grid-1>ul[page="37"] li[txt="37"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.grid-1>ul[page="37"] li[txt="37"]::before,
body #body>section>section.left>section>section.grid-1>ul[page="37"] li[txt="37"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.grid-1>ul[page="38"] li[txt="38"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.grid-1>ul[page="38"] li[txt="38"]::before,
body #body>section>section.left>section>section.grid-1>ul[page="38"] li[txt="38"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.grid-1>ul[page="39"] li[txt="39"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.grid-1>ul[page="39"] li[txt="39"]::before,
body #body>section>section.left>section>section.grid-1>ul[page="39"] li[txt="39"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.grid-1>ul[page="40"] li[txt="40"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.grid-1>ul[page="40"] li[txt="40"]::before,
body #body>section>section.left>section>section.grid-1>ul[page="40"] li[txt="40"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.grid-1>ul[page="41"] li[txt="41"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.grid-1>ul[page="41"] li[txt="41"]::before,
body #body>section>section.left>section>section.grid-1>ul[page="41"] li[txt="41"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.grid-1>ul[page="42"] li[txt="42"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.grid-1>ul[page="42"] li[txt="42"]::before,
body #body>section>section.left>section>section.grid-1>ul[page="42"] li[txt="42"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.grid-1>ul[page="43"] li[txt="43"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.grid-1>ul[page="43"] li[txt="43"]::before,
body #body>section>section.left>section>section.grid-1>ul[page="43"] li[txt="43"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.grid-1>ul[page="44"] li[txt="44"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.grid-1>ul[page="44"] li[txt="44"]::before,
body #body>section>section.left>section>section.grid-1>ul[page="44"] li[txt="44"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.grid-1>ul[page="45"] li[txt="45"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.grid-1>ul[page="45"] li[txt="45"]::before,
body #body>section>section.left>section>section.grid-1>ul[page="45"] li[txt="45"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.grid-1>ul[page="46"] li[txt="46"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.grid-1>ul[page="46"] li[txt="46"]::before,
body #body>section>section.left>section>section.grid-1>ul[page="46"] li[txt="46"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.grid-1>ul[page="47"] li[txt="47"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.grid-1>ul[page="47"] li[txt="47"]::before,
body #body>section>section.left>section>section.grid-1>ul[page="47"] li[txt="47"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.grid-1>ul[page="48"] li[txt="48"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.grid-1>ul[page="48"] li[txt="48"]::before,
body #body>section>section.left>section>section.grid-1>ul[page="48"] li[txt="48"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.grid-1>ul[page="49"] li[txt="49"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.grid-1>ul[page="49"] li[txt="49"]::before,
body #body>section>section.left>section>section.grid-1>ul[page="49"] li[txt="49"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.grid-1>ul[page="50"] li[txt="50"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.grid-1>ul[page="50"] li[txt="50"]::before,
body #body>section>section.left>section>section.grid-1>ul[page="50"] li[txt="50"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.grid-1>ul[page="51"] li[txt="51"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.grid-1>ul[page="51"] li[txt="51"]::before,
body #body>section>section.left>section>section.grid-1>ul[page="51"] li[txt="51"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.grid-1>ul[page="52"] li[txt="52"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.grid-1>ul[page="52"] li[txt="52"]::before,
body #body>section>section.left>section>section.grid-1>ul[page="52"] li[txt="52"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.grid-1>ul[page="53"] li[txt="53"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.grid-1>ul[page="53"] li[txt="53"]::before,
body #body>section>section.left>section>section.grid-1>ul[page="53"] li[txt="53"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.grid-1>ul[page="54"] li[txt="54"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.grid-1>ul[page="54"] li[txt="54"]::before,
body #body>section>section.left>section>section.grid-1>ul[page="54"] li[txt="54"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.grid-1>ul[page="55"] li[txt="55"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.grid-1>ul[page="55"] li[txt="55"]::before,
body #body>section>section.left>section>section.grid-1>ul[page="55"] li[txt="55"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.grid-1>ul[page="56"] li[txt="56"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.grid-1>ul[page="56"] li[txt="56"]::before,
body #body>section>section.left>section>section.grid-1>ul[page="56"] li[txt="56"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.grid-1>ul[page="57"] li[txt="57"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.grid-1>ul[page="57"] li[txt="57"]::before,
body #body>section>section.left>section>section.grid-1>ul[page="57"] li[txt="57"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.grid-1>ul[page="58"] li[txt="58"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.grid-1>ul[page="58"] li[txt="58"]::before,
body #body>section>section.left>section>section.grid-1>ul[page="58"] li[txt="58"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.grid-1>ul[page="59"] li[txt="59"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.grid-1>ul[page="59"] li[txt="59"]::before,
body #body>section>section.left>section>section.grid-1>ul[page="59"] li[txt="59"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.grid-1>ul[page="60"] li[txt="60"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.grid-1>ul[page="60"] li[txt="60"]::before,
body #body>section>section.left>section>section.grid-1>ul[page="60"] li[txt="60"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.grid-1>ul[page="61"] li[txt="61"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.grid-1>ul[page="61"] li[txt="61"]::before,
body #body>section>section.left>section>section.grid-1>ul[page="61"] li[txt="61"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.grid-1>ul[page="62"] li[txt="62"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.grid-1>ul[page="62"] li[txt="62"]::before,
body #body>section>section.left>section>section.grid-1>ul[page="62"] li[txt="62"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.grid-1>ul[page="63"] li[txt="63"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.grid-1>ul[page="63"] li[txt="63"]::before,
body #body>section>section.left>section>section.grid-1>ul[page="63"] li[txt="63"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.grid-1>ul[page="64"] li[txt="64"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.grid-1>ul[page="64"] li[txt="64"]::before,
body #body>section>section.left>section>section.grid-1>ul[page="64"] li[txt="64"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.grid-1>ul[page="65"] li[txt="65"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.grid-1>ul[page="65"] li[txt="65"]::before,
body #body>section>section.left>section>section.grid-1>ul[page="65"] li[txt="65"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.grid-1>ul[page="66"] li[txt="66"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.grid-1>ul[page="66"] li[txt="66"]::before,
body #body>section>section.left>section>section.grid-1>ul[page="66"] li[txt="66"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.grid-1>ul[page="67"] li[txt="67"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.grid-1>ul[page="67"] li[txt="67"]::before,
body #body>section>section.left>section>section.grid-1>ul[page="67"] li[txt="67"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.grid-1>ul[page="68"] li[txt="68"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.grid-1>ul[page="68"] li[txt="68"]::before,
body #body>section>section.left>section>section.grid-1>ul[page="68"] li[txt="68"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.grid-1>ul[page="69"] li[txt="69"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.grid-1>ul[page="69"] li[txt="69"]::before,
body #body>section>section.left>section>section.grid-1>ul[page="69"] li[txt="69"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.grid-1>ul[page="70"] li[txt="70"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.grid-1>ul[page="70"] li[txt="70"]::before,
body #body>section>section.left>section>section.grid-1>ul[page="70"] li[txt="70"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.grid-1>ul[page="71"] li[txt="71"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.grid-1>ul[page="71"] li[txt="71"]::before,
body #body>section>section.left>section>section.grid-1>ul[page="71"] li[txt="71"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.grid-1>ul[page="72"] li[txt="72"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.grid-1>ul[page="72"] li[txt="72"]::before,
body #body>section>section.left>section>section.grid-1>ul[page="72"] li[txt="72"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.grid-1>ul[page="73"] li[txt="73"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.grid-1>ul[page="73"] li[txt="73"]::before,
body #body>section>section.left>section>section.grid-1>ul[page="73"] li[txt="73"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.grid-1>ul[page="74"] li[txt="74"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.grid-1>ul[page="74"] li[txt="74"]::before,
body #body>section>section.left>section>section.grid-1>ul[page="74"] li[txt="74"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.grid-1>ul[page="75"] li[txt="75"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.grid-1>ul[page="75"] li[txt="75"]::before,
body #body>section>section.left>section>section.grid-1>ul[page="75"] li[txt="75"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.grid-1>ul[page="76"] li[txt="76"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.grid-1>ul[page="76"] li[txt="76"]::before,
body #body>section>section.left>section>section.grid-1>ul[page="76"] li[txt="76"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.grid-1>ul[page="77"] li[txt="77"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.grid-1>ul[page="77"] li[txt="77"]::before,
body #body>section>section.left>section>section.grid-1>ul[page="77"] li[txt="77"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.grid-1>ul[page="78"] li[txt="78"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.grid-1>ul[page="78"] li[txt="78"]::before,
body #body>section>section.left>section>section.grid-1>ul[page="78"] li[txt="78"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.grid-1>ul[page="79"] li[txt="79"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.grid-1>ul[page="79"] li[txt="79"]::before,
body #body>section>section.left>section>section.grid-1>ul[page="79"] li[txt="79"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.grid-1>ul[page="80"] li[txt="80"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.grid-1>ul[page="80"] li[txt="80"]::before,
body #body>section>section.left>section>section.grid-1>ul[page="80"] li[txt="80"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.grid-1>ul[page="81"] li[txt="81"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.grid-1>ul[page="81"] li[txt="81"]::before,
body #body>section>section.left>section>section.grid-1>ul[page="81"] li[txt="81"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.grid-1>ul[page="82"] li[txt="82"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.grid-1>ul[page="82"] li[txt="82"]::before,
body #body>section>section.left>section>section.grid-1>ul[page="82"] li[txt="82"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.grid-1>ul[page="83"] li[txt="83"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.grid-1>ul[page="83"] li[txt="83"]::before,
body #body>section>section.left>section>section.grid-1>ul[page="83"] li[txt="83"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.grid-1>ul[page="84"] li[txt="84"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.grid-1>ul[page="84"] li[txt="84"]::before,
body #body>section>section.left>section>section.grid-1>ul[page="84"] li[txt="84"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.grid-1>ul[page="85"] li[txt="85"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.grid-1>ul[page="85"] li[txt="85"]::before,
body #body>section>section.left>section>section.grid-1>ul[page="85"] li[txt="85"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.grid-1>ul[page="86"] li[txt="86"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.grid-1>ul[page="86"] li[txt="86"]::before,
body #body>section>section.left>section>section.grid-1>ul[page="86"] li[txt="86"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.grid-1>ul[page="87"] li[txt="87"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.grid-1>ul[page="87"] li[txt="87"]::before,
body #body>section>section.left>section>section.grid-1>ul[page="87"] li[txt="87"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.grid-1>ul[page="88"] li[txt="88"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.grid-1>ul[page="88"] li[txt="88"]::before,
body #body>section>section.left>section>section.grid-1>ul[page="88"] li[txt="88"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.grid-1>ul[page="89"] li[txt="89"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.grid-1>ul[page="89"] li[txt="89"]::before,
body #body>section>section.left>section>section.grid-1>ul[page="89"] li[txt="89"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.grid-1>ul[page="90"] li[txt="90"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.grid-1>ul[page="90"] li[txt="90"]::before,
body #body>section>section.left>section>section.grid-1>ul[page="90"] li[txt="90"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.grid-1>ul[page="91"] li[txt="91"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.grid-1>ul[page="91"] li[txt="91"]::before,
body #body>section>section.left>section>section.grid-1>ul[page="91"] li[txt="91"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.grid-1>ul[page="92"] li[txt="92"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.grid-1>ul[page="92"] li[txt="92"]::before,
body #body>section>section.left>section>section.grid-1>ul[page="92"] li[txt="92"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.grid-1>ul[page="93"] li[txt="93"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.grid-1>ul[page="93"] li[txt="93"]::before,
body #body>section>section.left>section>section.grid-1>ul[page="93"] li[txt="93"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.grid-1>ul[page="94"] li[txt="94"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.grid-1>ul[page="94"] li[txt="94"]::before,
body #body>section>section.left>section>section.grid-1>ul[page="94"] li[txt="94"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.grid-1>ul[page="95"] li[txt="95"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.grid-1>ul[page="95"] li[txt="95"]::before,
body #body>section>section.left>section>section.grid-1>ul[page="95"] li[txt="95"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.grid-1>ul[page="96"] li[txt="96"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.grid-1>ul[page="96"] li[txt="96"]::before,
body #body>section>section.left>section>section.grid-1>ul[page="96"] li[txt="96"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.grid-1>ul[page="97"] li[txt="97"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.grid-1>ul[page="97"] li[txt="97"]::before,
body #body>section>section.left>section>section.grid-1>ul[page="97"] li[txt="97"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.grid-1>ul[page="98"] li[txt="98"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.grid-1>ul[page="98"] li[txt="98"]::before,
body #body>section>section.left>section>section.grid-1>ul[page="98"] li[txt="98"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.grid-1>ul[page="99"] li[txt="99"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.grid-1>ul[page="99"] li[txt="99"]::before,
body #body>section>section.left>section>section.grid-1>ul[page="99"] li[txt="99"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.grid-1>ul[page="100"] li[txt="100"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.grid-1>ul[page="100"] li[txt="100"]::before,
body #body>section>section.left>section>section.grid-1>ul[page="100"] li[txt="100"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.grid-1>ul li {
    position: relative;
    width: 2.5rem;
    line-height: 2.25rem;
    height: 2.5rem;
    color: var(--color-dark-4);
    text-align: center;
    font-size: 0.875rem;
    font-weight: 300;
    border: 1px solid rgba(0, 0, 0, 0.1019607843);
    border-radius: 50%;
    cursor: pointer;
}

body #body>section>section.left>section>section.grid-1>ul li::before {
    content: "";
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom, var(--color-brand-3), var(--color-brand-1));
    border-radius: 50%;
    opacity: 0;
    transition: 0.3s;
}

body #body>section>section.left>section>section.grid-1>ul li::after {
    content: attr(txt);
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    color: #fff;
    opacity: 0;
    transition: 0.3s;
}

body #body>section>section.left>section>section.grid-1>ul li i {
    color: inherit;
}

body #body>section>section.left>section>section.grid-2 {
    display: flex;
    flex-flow: column;
    gap: 2rem;
    margin-top: 2rem;
    width: 100%;
}

body #body>section>section.left>section>section.grid-2:nth-child(1) {
    margin-top: 0;
}

@media screen and (min-width: 640px) {
    body #body>section>section.left>section>section.grid-2 {
        flex-flow: row wrap;
    }
}

body #body>section>section.left>section>section.grid-2 article {
    position: relative;
    display: flex;
    flex-flow: column;
    width: 100%;
    border: 1px solid rgba(0, 0, 0, 0.1019607843);
    border-radius: 0.5rem;
}

@media screen and (min-width: 640px) {
    body #body>section>section.left>section>section.grid-2 article {
        width: calc((100% - 2rem) / 2);
    }
}

body #body>section>section.left>section>section.grid-2 article figure {
    position: relative;
    flex-shrink: 0;
    width: 100%;
    aspect-ratio: 16/9;
    border-radius: 0.5rem 0.5rem 0 0;
    overflow: hidden;
    cursor: pointer;
}

body #body>section>section.left>section>section.grid-2 article figure:hover img {
    transform: scale(105%);
}

body #body>section>section.left>section>section.grid-2 article figure::before {
    position: absolute;
    z-index: 1;
    top: 1.5rem;
    left: 1.5rem;
    padding: 0 1rem;
    line-height: 1.5rem;
    font-size: 0.75rem;
    font-weight: 300;
    background: linear-gradient(to right, var(--color-brand-3), var(--color-brand-1));
    color: #fff;
    border-radius: 0.875rem;
}

body #body>section>section.left>section>section.grid-2 article figure[tag]:not([tag=""])::before {
    content: attr(tag);
}

@media screen and (min-width: 640px) {
    body #body>section>section.left>section>section.grid-2 article figure {
        aspect-ratio: 4/3;
    }
}

body #body>section>section.left>section>section.grid-2 article figure img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    transition: 0.3s;
}

body #body>section>section.left>section>section.grid-2 article>section {
    display: flex;
    flex-flow: column;
    padding: 1rem 1rem 0;
    width: 100%;
}

@media screen and (min-width: 640px) {
    body #body>section>section.left>section>section.grid-2 article>section {
        padding: 1.5rem 1.5rem 0;
    }
}

body #body>section>section.left>section>section.grid-2 article>section h5 {
    margin-top: 1rem;
    line-height: 1.75rem;
    max-height: 3.5rem;
    font-size: 1.25rem;
    color: var(--color-dark-8);
    transition: 0.3s;
    cursor: pointer;
}

body #body>section>section.left>section>section.grid-2 article>section h5:hover {
    color: var(--color-brand-2);
}

body #body>section>section.left>section>section.grid-2 article>section>p {
    margin-top: 1rem;
    line-height: 1.5rem;
    max-height: 4.5rem;
    color: var(--color-dark-4);
    font-weight: 300;
}

body #body>section>section.left>section>section.grid-2 article>section>section {
    display: flex;
    align-items: center;
    gap: 1rem;
    width: 100%;
}

body #body>section>section.left>section>section.grid-2 article>section>section:nth-last-child(1) {
    justify-content: space-between;
    margin-top: 2rem;
    padding: 1.5rem 0;
}

body #body>section>section.left>section>section.grid-2 article>section>section img {
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
}

body #body>section>section.left>section>section.grid-2 article>section>section button {
    font-size: 0.875rem;
    font-weight: 700;
    color: var(--color-dark-8);
}

body #body>section>section.left>section>section.grid-2 article>section>section button:hover i {
    transform: translateX(0.5rem);
}

body #body>section>section.left>section>section.grid-2 article>section>section button i {
    margin-left: 0.5rem;
    color: var(--color-dark-4);
    transition: 0.3s;
}

body #body>section>section.left>section>section.grid-2>ul {
    display: flex;
    justify-content: center;
    gap: 0.5rem;
    width: 100%;
    list-style: none;
}

body #body>section>section.left>section>section.grid-2>ul[page="1"] li[txt="1"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.grid-2>ul[page="1"] li[txt="1"]::before,
body #body>section>section.left>section>section.grid-2>ul[page="1"] li[txt="1"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.grid-2>ul[page="2"] li[txt="2"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.grid-2>ul[page="2"] li[txt="2"]::before,
body #body>section>section.left>section>section.grid-2>ul[page="2"] li[txt="2"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.grid-2>ul[page="3"] li[txt="3"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.grid-2>ul[page="3"] li[txt="3"]::before,
body #body>section>section.left>section>section.grid-2>ul[page="3"] li[txt="3"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.grid-2>ul[page="4"] li[txt="4"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.grid-2>ul[page="4"] li[txt="4"]::before,
body #body>section>section.left>section>section.grid-2>ul[page="4"] li[txt="4"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.grid-2>ul[page="5"] li[txt="5"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.grid-2>ul[page="5"] li[txt="5"]::before,
body #body>section>section.left>section>section.grid-2>ul[page="5"] li[txt="5"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.grid-2>ul[page="6"] li[txt="6"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.grid-2>ul[page="6"] li[txt="6"]::before,
body #body>section>section.left>section>section.grid-2>ul[page="6"] li[txt="6"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.grid-2>ul[page="7"] li[txt="7"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.grid-2>ul[page="7"] li[txt="7"]::before,
body #body>section>section.left>section>section.grid-2>ul[page="7"] li[txt="7"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.grid-2>ul[page="8"] li[txt="8"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.grid-2>ul[page="8"] li[txt="8"]::before,
body #body>section>section.left>section>section.grid-2>ul[page="8"] li[txt="8"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.grid-2>ul[page="9"] li[txt="9"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.grid-2>ul[page="9"] li[txt="9"]::before,
body #body>section>section.left>section>section.grid-2>ul[page="9"] li[txt="9"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.grid-2>ul[page="10"] li[txt="10"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.grid-2>ul[page="10"] li[txt="10"]::before,
body #body>section>section.left>section>section.grid-2>ul[page="10"] li[txt="10"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.grid-2>ul[page="11"] li[txt="11"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.grid-2>ul[page="11"] li[txt="11"]::before,
body #body>section>section.left>section>section.grid-2>ul[page="11"] li[txt="11"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.grid-2>ul[page="12"] li[txt="12"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.grid-2>ul[page="12"] li[txt="12"]::before,
body #body>section>section.left>section>section.grid-2>ul[page="12"] li[txt="12"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.grid-2>ul[page="13"] li[txt="13"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.grid-2>ul[page="13"] li[txt="13"]::before,
body #body>section>section.left>section>section.grid-2>ul[page="13"] li[txt="13"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.grid-2>ul[page="14"] li[txt="14"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.grid-2>ul[page="14"] li[txt="14"]::before,
body #body>section>section.left>section>section.grid-2>ul[page="14"] li[txt="14"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.grid-2>ul[page="15"] li[txt="15"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.grid-2>ul[page="15"] li[txt="15"]::before,
body #body>section>section.left>section>section.grid-2>ul[page="15"] li[txt="15"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.grid-2>ul[page="16"] li[txt="16"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.grid-2>ul[page="16"] li[txt="16"]::before,
body #body>section>section.left>section>section.grid-2>ul[page="16"] li[txt="16"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.grid-2>ul[page="17"] li[txt="17"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.grid-2>ul[page="17"] li[txt="17"]::before,
body #body>section>section.left>section>section.grid-2>ul[page="17"] li[txt="17"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.grid-2>ul[page="18"] li[txt="18"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.grid-2>ul[page="18"] li[txt="18"]::before,
body #body>section>section.left>section>section.grid-2>ul[page="18"] li[txt="18"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.grid-2>ul[page="19"] li[txt="19"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.grid-2>ul[page="19"] li[txt="19"]::before,
body #body>section>section.left>section>section.grid-2>ul[page="19"] li[txt="19"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.grid-2>ul[page="20"] li[txt="20"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.grid-2>ul[page="20"] li[txt="20"]::before,
body #body>section>section.left>section>section.grid-2>ul[page="20"] li[txt="20"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.grid-2>ul[page="21"] li[txt="21"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.grid-2>ul[page="21"] li[txt="21"]::before,
body #body>section>section.left>section>section.grid-2>ul[page="21"] li[txt="21"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.grid-2>ul[page="22"] li[txt="22"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.grid-2>ul[page="22"] li[txt="22"]::before,
body #body>section>section.left>section>section.grid-2>ul[page="22"] li[txt="22"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.grid-2>ul[page="23"] li[txt="23"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.grid-2>ul[page="23"] li[txt="23"]::before,
body #body>section>section.left>section>section.grid-2>ul[page="23"] li[txt="23"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.grid-2>ul[page="24"] li[txt="24"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.grid-2>ul[page="24"] li[txt="24"]::before,
body #body>section>section.left>section>section.grid-2>ul[page="24"] li[txt="24"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.grid-2>ul[page="25"] li[txt="25"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.grid-2>ul[page="25"] li[txt="25"]::before,
body #body>section>section.left>section>section.grid-2>ul[page="25"] li[txt="25"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.grid-2>ul[page="26"] li[txt="26"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.grid-2>ul[page="26"] li[txt="26"]::before,
body #body>section>section.left>section>section.grid-2>ul[page="26"] li[txt="26"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.grid-2>ul[page="27"] li[txt="27"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.grid-2>ul[page="27"] li[txt="27"]::before,
body #body>section>section.left>section>section.grid-2>ul[page="27"] li[txt="27"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.grid-2>ul[page="28"] li[txt="28"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.grid-2>ul[page="28"] li[txt="28"]::before,
body #body>section>section.left>section>section.grid-2>ul[page="28"] li[txt="28"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.grid-2>ul[page="29"] li[txt="29"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.grid-2>ul[page="29"] li[txt="29"]::before,
body #body>section>section.left>section>section.grid-2>ul[page="29"] li[txt="29"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.grid-2>ul[page="30"] li[txt="30"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.grid-2>ul[page="30"] li[txt="30"]::before,
body #body>section>section.left>section>section.grid-2>ul[page="30"] li[txt="30"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.grid-2>ul[page="31"] li[txt="31"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.grid-2>ul[page="31"] li[txt="31"]::before,
body #body>section>section.left>section>section.grid-2>ul[page="31"] li[txt="31"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.grid-2>ul[page="32"] li[txt="32"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.grid-2>ul[page="32"] li[txt="32"]::before,
body #body>section>section.left>section>section.grid-2>ul[page="32"] li[txt="32"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.grid-2>ul[page="33"] li[txt="33"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.grid-2>ul[page="33"] li[txt="33"]::before,
body #body>section>section.left>section>section.grid-2>ul[page="33"] li[txt="33"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.grid-2>ul[page="34"] li[txt="34"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.grid-2>ul[page="34"] li[txt="34"]::before,
body #body>section>section.left>section>section.grid-2>ul[page="34"] li[txt="34"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.grid-2>ul[page="35"] li[txt="35"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.grid-2>ul[page="35"] li[txt="35"]::before,
body #body>section>section.left>section>section.grid-2>ul[page="35"] li[txt="35"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.grid-2>ul[page="36"] li[txt="36"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.grid-2>ul[page="36"] li[txt="36"]::before,
body #body>section>section.left>section>section.grid-2>ul[page="36"] li[txt="36"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.grid-2>ul[page="37"] li[txt="37"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.grid-2>ul[page="37"] li[txt="37"]::before,
body #body>section>section.left>section>section.grid-2>ul[page="37"] li[txt="37"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.grid-2>ul[page="38"] li[txt="38"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.grid-2>ul[page="38"] li[txt="38"]::before,
body #body>section>section.left>section>section.grid-2>ul[page="38"] li[txt="38"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.grid-2>ul[page="39"] li[txt="39"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.grid-2>ul[page="39"] li[txt="39"]::before,
body #body>section>section.left>section>section.grid-2>ul[page="39"] li[txt="39"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.grid-2>ul[page="40"] li[txt="40"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.grid-2>ul[page="40"] li[txt="40"]::before,
body #body>section>section.left>section>section.grid-2>ul[page="40"] li[txt="40"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.grid-2>ul[page="41"] li[txt="41"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.grid-2>ul[page="41"] li[txt="41"]::before,
body #body>section>section.left>section>section.grid-2>ul[page="41"] li[txt="41"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.grid-2>ul[page="42"] li[txt="42"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.grid-2>ul[page="42"] li[txt="42"]::before,
body #body>section>section.left>section>section.grid-2>ul[page="42"] li[txt="42"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.grid-2>ul[page="43"] li[txt="43"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.grid-2>ul[page="43"] li[txt="43"]::before,
body #body>section>section.left>section>section.grid-2>ul[page="43"] li[txt="43"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.grid-2>ul[page="44"] li[txt="44"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.grid-2>ul[page="44"] li[txt="44"]::before,
body #body>section>section.left>section>section.grid-2>ul[page="44"] li[txt="44"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.grid-2>ul[page="45"] li[txt="45"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.grid-2>ul[page="45"] li[txt="45"]::before,
body #body>section>section.left>section>section.grid-2>ul[page="45"] li[txt="45"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.grid-2>ul[page="46"] li[txt="46"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.grid-2>ul[page="46"] li[txt="46"]::before,
body #body>section>section.left>section>section.grid-2>ul[page="46"] li[txt="46"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.grid-2>ul[page="47"] li[txt="47"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.grid-2>ul[page="47"] li[txt="47"]::before,
body #body>section>section.left>section>section.grid-2>ul[page="47"] li[txt="47"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.grid-2>ul[page="48"] li[txt="48"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.grid-2>ul[page="48"] li[txt="48"]::before,
body #body>section>section.left>section>section.grid-2>ul[page="48"] li[txt="48"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.grid-2>ul[page="49"] li[txt="49"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.grid-2>ul[page="49"] li[txt="49"]::before,
body #body>section>section.left>section>section.grid-2>ul[page="49"] li[txt="49"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.grid-2>ul[page="50"] li[txt="50"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.grid-2>ul[page="50"] li[txt="50"]::before,
body #body>section>section.left>section>section.grid-2>ul[page="50"] li[txt="50"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.grid-2>ul[page="51"] li[txt="51"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.grid-2>ul[page="51"] li[txt="51"]::before,
body #body>section>section.left>section>section.grid-2>ul[page="51"] li[txt="51"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.grid-2>ul[page="52"] li[txt="52"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.grid-2>ul[page="52"] li[txt="52"]::before,
body #body>section>section.left>section>section.grid-2>ul[page="52"] li[txt="52"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.grid-2>ul[page="53"] li[txt="53"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.grid-2>ul[page="53"] li[txt="53"]::before,
body #body>section>section.left>section>section.grid-2>ul[page="53"] li[txt="53"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.grid-2>ul[page="54"] li[txt="54"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.grid-2>ul[page="54"] li[txt="54"]::before,
body #body>section>section.left>section>section.grid-2>ul[page="54"] li[txt="54"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.grid-2>ul[page="55"] li[txt="55"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.grid-2>ul[page="55"] li[txt="55"]::before,
body #body>section>section.left>section>section.grid-2>ul[page="55"] li[txt="55"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.grid-2>ul[page="56"] li[txt="56"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.grid-2>ul[page="56"] li[txt="56"]::before,
body #body>section>section.left>section>section.grid-2>ul[page="56"] li[txt="56"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.grid-2>ul[page="57"] li[txt="57"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.grid-2>ul[page="57"] li[txt="57"]::before,
body #body>section>section.left>section>section.grid-2>ul[page="57"] li[txt="57"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.grid-2>ul[page="58"] li[txt="58"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.grid-2>ul[page="58"] li[txt="58"]::before,
body #body>section>section.left>section>section.grid-2>ul[page="58"] li[txt="58"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.grid-2>ul[page="59"] li[txt="59"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.grid-2>ul[page="59"] li[txt="59"]::before,
body #body>section>section.left>section>section.grid-2>ul[page="59"] li[txt="59"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.grid-2>ul[page="60"] li[txt="60"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.grid-2>ul[page="60"] li[txt="60"]::before,
body #body>section>section.left>section>section.grid-2>ul[page="60"] li[txt="60"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.grid-2>ul[page="61"] li[txt="61"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.grid-2>ul[page="61"] li[txt="61"]::before,
body #body>section>section.left>section>section.grid-2>ul[page="61"] li[txt="61"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.grid-2>ul[page="62"] li[txt="62"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.grid-2>ul[page="62"] li[txt="62"]::before,
body #body>section>section.left>section>section.grid-2>ul[page="62"] li[txt="62"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.grid-2>ul[page="63"] li[txt="63"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.grid-2>ul[page="63"] li[txt="63"]::before,
body #body>section>section.left>section>section.grid-2>ul[page="63"] li[txt="63"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.grid-2>ul[page="64"] li[txt="64"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.grid-2>ul[page="64"] li[txt="64"]::before,
body #body>section>section.left>section>section.grid-2>ul[page="64"] li[txt="64"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.grid-2>ul[page="65"] li[txt="65"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.grid-2>ul[page="65"] li[txt="65"]::before,
body #body>section>section.left>section>section.grid-2>ul[page="65"] li[txt="65"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.grid-2>ul[page="66"] li[txt="66"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.grid-2>ul[page="66"] li[txt="66"]::before,
body #body>section>section.left>section>section.grid-2>ul[page="66"] li[txt="66"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.grid-2>ul[page="67"] li[txt="67"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.grid-2>ul[page="67"] li[txt="67"]::before,
body #body>section>section.left>section>section.grid-2>ul[page="67"] li[txt="67"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.grid-2>ul[page="68"] li[txt="68"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.grid-2>ul[page="68"] li[txt="68"]::before,
body #body>section>section.left>section>section.grid-2>ul[page="68"] li[txt="68"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.grid-2>ul[page="69"] li[txt="69"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.grid-2>ul[page="69"] li[txt="69"]::before,
body #body>section>section.left>section>section.grid-2>ul[page="69"] li[txt="69"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.grid-2>ul[page="70"] li[txt="70"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.grid-2>ul[page="70"] li[txt="70"]::before,
body #body>section>section.left>section>section.grid-2>ul[page="70"] li[txt="70"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.grid-2>ul[page="71"] li[txt="71"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.grid-2>ul[page="71"] li[txt="71"]::before,
body #body>section>section.left>section>section.grid-2>ul[page="71"] li[txt="71"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.grid-2>ul[page="72"] li[txt="72"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.grid-2>ul[page="72"] li[txt="72"]::before,
body #body>section>section.left>section>section.grid-2>ul[page="72"] li[txt="72"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.grid-2>ul[page="73"] li[txt="73"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.grid-2>ul[page="73"] li[txt="73"]::before,
body #body>section>section.left>section>section.grid-2>ul[page="73"] li[txt="73"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.grid-2>ul[page="74"] li[txt="74"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.grid-2>ul[page="74"] li[txt="74"]::before,
body #body>section>section.left>section>section.grid-2>ul[page="74"] li[txt="74"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.grid-2>ul[page="75"] li[txt="75"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.grid-2>ul[page="75"] li[txt="75"]::before,
body #body>section>section.left>section>section.grid-2>ul[page="75"] li[txt="75"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.grid-2>ul[page="76"] li[txt="76"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.grid-2>ul[page="76"] li[txt="76"]::before,
body #body>section>section.left>section>section.grid-2>ul[page="76"] li[txt="76"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.grid-2>ul[page="77"] li[txt="77"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.grid-2>ul[page="77"] li[txt="77"]::before,
body #body>section>section.left>section>section.grid-2>ul[page="77"] li[txt="77"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.grid-2>ul[page="78"] li[txt="78"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.grid-2>ul[page="78"] li[txt="78"]::before,
body #body>section>section.left>section>section.grid-2>ul[page="78"] li[txt="78"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.grid-2>ul[page="79"] li[txt="79"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.grid-2>ul[page="79"] li[txt="79"]::before,
body #body>section>section.left>section>section.grid-2>ul[page="79"] li[txt="79"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.grid-2>ul[page="80"] li[txt="80"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.grid-2>ul[page="80"] li[txt="80"]::before,
body #body>section>section.left>section>section.grid-2>ul[page="80"] li[txt="80"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.grid-2>ul[page="81"] li[txt="81"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.grid-2>ul[page="81"] li[txt="81"]::before,
body #body>section>section.left>section>section.grid-2>ul[page="81"] li[txt="81"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.grid-2>ul[page="82"] li[txt="82"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.grid-2>ul[page="82"] li[txt="82"]::before,
body #body>section>section.left>section>section.grid-2>ul[page="82"] li[txt="82"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.grid-2>ul[page="83"] li[txt="83"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.grid-2>ul[page="83"] li[txt="83"]::before,
body #body>section>section.left>section>section.grid-2>ul[page="83"] li[txt="83"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.grid-2>ul[page="84"] li[txt="84"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.grid-2>ul[page="84"] li[txt="84"]::before,
body #body>section>section.left>section>section.grid-2>ul[page="84"] li[txt="84"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.grid-2>ul[page="85"] li[txt="85"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.grid-2>ul[page="85"] li[txt="85"]::before,
body #body>section>section.left>section>section.grid-2>ul[page="85"] li[txt="85"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.grid-2>ul[page="86"] li[txt="86"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.grid-2>ul[page="86"] li[txt="86"]::before,
body #body>section>section.left>section>section.grid-2>ul[page="86"] li[txt="86"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.grid-2>ul[page="87"] li[txt="87"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.grid-2>ul[page="87"] li[txt="87"]::before,
body #body>section>section.left>section>section.grid-2>ul[page="87"] li[txt="87"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.grid-2>ul[page="88"] li[txt="88"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.grid-2>ul[page="88"] li[txt="88"]::before,
body #body>section>section.left>section>section.grid-2>ul[page="88"] li[txt="88"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.grid-2>ul[page="89"] li[txt="89"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.grid-2>ul[page="89"] li[txt="89"]::before,
body #body>section>section.left>section>section.grid-2>ul[page="89"] li[txt="89"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.grid-2>ul[page="90"] li[txt="90"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.grid-2>ul[page="90"] li[txt="90"]::before,
body #body>section>section.left>section>section.grid-2>ul[page="90"] li[txt="90"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.grid-2>ul[page="91"] li[txt="91"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.grid-2>ul[page="91"] li[txt="91"]::before,
body #body>section>section.left>section>section.grid-2>ul[page="91"] li[txt="91"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.grid-2>ul[page="92"] li[txt="92"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.grid-2>ul[page="92"] li[txt="92"]::before,
body #body>section>section.left>section>section.grid-2>ul[page="92"] li[txt="92"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.grid-2>ul[page="93"] li[txt="93"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.grid-2>ul[page="93"] li[txt="93"]::before,
body #body>section>section.left>section>section.grid-2>ul[page="93"] li[txt="93"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.grid-2>ul[page="94"] li[txt="94"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.grid-2>ul[page="94"] li[txt="94"]::before,
body #body>section>section.left>section>section.grid-2>ul[page="94"] li[txt="94"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.grid-2>ul[page="95"] li[txt="95"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.grid-2>ul[page="95"] li[txt="95"]::before,
body #body>section>section.left>section>section.grid-2>ul[page="95"] li[txt="95"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.grid-2>ul[page="96"] li[txt="96"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.grid-2>ul[page="96"] li[txt="96"]::before,
body #body>section>section.left>section>section.grid-2>ul[page="96"] li[txt="96"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.grid-2>ul[page="97"] li[txt="97"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.grid-2>ul[page="97"] li[txt="97"]::before,
body #body>section>section.left>section>section.grid-2>ul[page="97"] li[txt="97"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.grid-2>ul[page="98"] li[txt="98"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.grid-2>ul[page="98"] li[txt="98"]::before,
body #body>section>section.left>section>section.grid-2>ul[page="98"] li[txt="98"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.grid-2>ul[page="99"] li[txt="99"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.grid-2>ul[page="99"] li[txt="99"]::before,
body #body>section>section.left>section>section.grid-2>ul[page="99"] li[txt="99"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.grid-2>ul[page="100"] li[txt="100"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.grid-2>ul[page="100"] li[txt="100"]::before,
body #body>section>section.left>section>section.grid-2>ul[page="100"] li[txt="100"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.grid-2>ul li {
    position: relative;
    width: 2.5rem;
    line-height: 2.25rem;
    height: 2.5rem;
    color: var(--color-dark-4);
    text-align: center;
    font-size: 0.875rem;
    font-weight: 300;
    border: 1px solid rgba(0, 0, 0, 0.1019607843);
    border-radius: 50%;
    cursor: pointer;
}

body #body>section>section.left>section>section.grid-2>ul li::before {
    content: "";
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom, var(--color-brand-3), var(--color-brand-1));
    border-radius: 50%;
    opacity: 0;
    transition: 0.3s;
}

body #body>section>section.left>section>section.grid-2>ul li::after {
    content: attr(txt);
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    color: #fff;
    opacity: 0;
    transition: 0.3s;
}

body #body>section>section.left>section>section.grid-2>ul li i {
    color: inherit;
}

body #body>section>section.left>section>section.list-1 {
    display: flex;
    flex-flow: column;
    align-items: center;
    gap: 2rem;
    margin-top: 2rem;
    padding: 1rem;
    width: 100%;
    border: 1px solid rgba(0, 0, 0, 0.1019607843);
    border-radius: 0.5rem;
}

body #body>section>section.left>section>section.list-1:nth-child(1) {
    margin-top: 0;
}

@media screen and (min-width: 640px) {
    body #body>section>section.left>section>section.list-1 {
        padding: 2rem;
    }
}

body #body>section>section.left>section>section.list-1 article {
    position: relative;
    display: flex;
    flex-flow: column;
    align-items: flex-start;
    gap: 2rem;
    padding-top: 2rem;
    width: 100%;
}

body #body>section>section.left>section>section.list-1 article::before {
    content: "";
    position: absolute;
    top: 0;
    left: 10rem;
    right: 0;
    height: 1px;
    background: linear-gradient(to right, transparent, rgba(0, 0, 0, 0.1019607843), rgba(0, 0, 0, 0.1019607843));
}

body #body>section>section.left>section>section.list-1 article:nth-child(1) {
    margin-top: 0;
    padding-top: 0;
}

body #body>section>section.left>section>section.list-1 article:nth-child(1)::before {
    opacity: 0;
}

@media screen and (min-width: 640px) {
    body #body>section>section.left>section>section.list-1 article {
        flex-flow: row;
    }
}

body #body>section>section.left>section>section.list-1 article figure {
    position: relative;
    flex-shrink: 0;
    aspect-ratio: 16/9;
    width: 100%;
    border-radius: 0.5rem;
    transition: 0.3s;
    overflow: hidden;
    cursor: pointer;
}

@media screen and (min-width: 640px) {
    body #body>section>section.left>section>section.list-1 article figure {
        aspect-ratio: 5/4;
        width: 12rem;
    }
}

@media screen and (min-width: 1024px) {
    body #body>section>section.left>section>section.list-1 article figure {
        width: 16rem;
    }
}

body #body>section>section.left>section>section.list-1 article figure:hover img {
    transform: scale(105%);
}

body #body>section>section.left>section>section.list-1 article figure img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    transition: 0.3s;
}

body #body>section>section.left>section>section.list-1 article>section {
    display: flex;
    flex-flow: column;
    gap: 1rem;
    width: 100%;
}

body #body>section>section.left>section>section.list-1 article>section>a {
    display: flex;
    flex-flow: column;
    gap: 1rem;
}

body #body>section>section.left>section>section.list-1 article>section h5 {
    line-height: 1.75rem;
    max-height: 3.5rem;
    font-size: 1.25rem;
    color: var(--color-dark-8);
    transition: 0.3s;
    cursor: pointer;
}

body #body>section>section.left>section>section.list-1 article>section h5:hover {
    color: var(--color-brand-2);
}

body #body>section>section.left>section>section.list-1 article>section p {
    line-height: 1.5rem;
    max-height: 3rem;
    color: var(--color-dark-4);
    font-weight: 300;
}

body #body>section>section.left>section>section.list-1 article>section section {
    display: flex;
    align-items: center;
    gap: 1rem;
    width: 100%;
}

body #body>section>section.left>section>section.list-1 article>section section img {
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
}

body #body>section>section.left>section>section.list-1 article>section section ul.path {
    display: flex;
    flex-flow: row wrap;
    list-style: none;
}

body #body>section>section.left>section>section.list-1 article>section section ul.path li {
    display: flex;
    align-items: center;
    color: var(--color-dark-4);
    font-size: 0.875rem;
    font-weight: 300;
}

body #body>section>section.left>section>section.list-1 article>section section ul.path li::before {
    content: "/";
    padding: 0 0.25rem;
    font-size: 1rem;
    color: var(--color-brand-2);
}

@media screen and (min-width: 480px) {
    body #body>section>section.left>section>section.list-1 article>section section ul.path li::before {
        content: "・";
    }
}

body #body>section>section.left>section>section.list-1 article>section section ul.path li:nth-child(1)::before {
    content: "";
    padding: 0;
    font-size: 1rem;
}

body #body>section>section.left>section>section.list-1 article>section section ul.path li a {
    color: inherit;
    transition: 0.3s;
}

body #body>section>section.left>section>section.list-1 article>section section ul.path li a:hover {
    color: var(--color-brand-2);
}

body #body>section>section.left>section>section.list-1 article>section section ul.path li time {
    color: inherit;
}

body #body>section>section.left>section>section.list-1 article>section section ul.path li i {
    font-size: 0.875rem;
    color: inherit;
}

body #body>section>section.left>section>section.list-1 article>section section i {
    font-size: 1.125rem;
    color: var(--color-dark-4);
}

body #body>section>section.left>section>section.list-1 article>section section ul.share {
    display: flex;
    gap: 0.75rem;
    list-style: none;
}

body #body>section>section.left>section>section.list-1 article>section section ul.share li {
    color: var(--color-dark-4);
    font-size: 0.875rem;
    font-weight: 300;
    transition: 0.3s;
    cursor: pointer;
}

body #body>section>section.left>section>section.list-1 article>section section ul.share li:hover {
    color: var(--color-dark-8);
}

body #body>section>section.left>section>section.list-1 article>section section ul.share li i {
    color: inherit;
    font-size: 0.875rem;
}

body #body>section>section.left>section>section.list-1>button {
    display: none;
    padding: 0 2rem;
    line-height: 2.75rem;
    font-size: 0.875rem;
    font-weight: 300;
    color: var(--color-dark-4);
    border: 1px solid rgba(0, 0, 0, 0.1019607843);
    border-radius: 1.5rem;
    transition: 0.3s;
}

body #body>section>section.left>section>section.list-1>button:nth-last-child(1) {
    display: block;
}

body #body>section>section.left>section>section.list-1>button:nth-last-child(1):hover {
    color: var(--color-brand-2);
    border: 1px solid var(--color-brand-2);
}

body #body>section>section.left>section>section.list-2 {
    display: flex;
    flex-flow: column;
    align-items: center;
    gap: 2rem;
    margin-top: 2rem;
    width: 100%;
}

body #body>section>section.left>section>section.list-2:nth-child(1) {
    margin-top: 0;
}

body #body>section>section.left>section>section.list-2 article {
    position: relative;
    display: flex;
    flex-flow: column;
    width: 100%;
    border: 1px solid rgba(0, 0, 0, 0.1019607843);
    border-radius: 0.5rem;
}

body #body>section>section.left>section>section.list-2 article::before {
    content: "";
    position: absolute;
    top: 0;
    left: 10rem;
    right: 0;
    height: 1px;
    background: linear-gradient(to right, transparent, rgba(0, 0, 0, 0.1019607843), rgba(0, 0, 0, 0.1019607843));
}

body #body>section>section.left>section>section.list-2 article:nth-child(1) {
    margin-top: 0;
    padding-top: 0;
}

body #body>section>section.left>section>section.list-2 article:nth-child(1)::before {
    opacity: 0;
}

body #body>section>section.left>section>section.list-2 article figure {
    position: relative;
    flex-shrink: 0;
    width: 100%;
    aspect-ratio: 16/9;
    border-radius: 0.5rem 0.5rem 0 0;
    overflow: hidden;
    cursor: pointer;
}

body #body>section>section.left>section>section.list-2 article figure:hover img {
    transform: scale(105%);
}

body #body>section>section.left>section>section.list-2 article figure img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    transition: 0.3s;
}

body #body>section>section.left>section>section.list-2 article>section {
    display: flex;
    flex-flow: column;
    padding: 1rem 1rem 0;
    width: 100%;
    transition: 0.3s;
}

@media screen and (min-width: 640px) {
    body #body>section>section.left>section>section.list-2 article>section {
        padding: 2rem 2rem 0;
    }
}

@media screen and (min-width: 1024px) {
    body #body>section>section.left>section>section.list-2 article>section {
        padding: 3rem 3rem 0;
    }
}

body #body>section>section.left>section>section.list-2 article>section h5 {
    margin-top: 1rem;
    line-height: 2rem;
    max-height: 4rem;
    font-size: 1.5rem;
    color: var(--color-dark-8);
    transition: 0.3s;
    cursor: pointer;
}

body #body>section>section.left>section>section.list-2 article>section h5:hover {
    color: var(--color-brand-2);
}

body #body>section>section.left>section>section.list-2 article>section p {
    margin-top: 1rem;
    line-height: 1.5rem;
    max-height: 3rem;
    color: var(--color-dark-4);
    font-weight: 300;
}

body #body>section>section.left>section>section.list-2 article>section>section {
    display: flex;
    align-items: center;
    gap: 1rem;
    width: 100%;
}

body #body>section>section.left>section>section.list-2 article>section>section>ul.path {
    display: flex;
    flex-flow: row wrap;
    list-style: none;
}

body #body>section>section.left>section>section.list-2 article>section>section>ul.path li {
    display: flex;
    align-items: center;
    color: var(--color-dark-4);
    font-size: 0.875rem;
    font-weight: 300;
}

body #body>section>section.left>section>section.list-2 article>section>section>ul.path li::before {
    content: "/";
    padding: 0 0.25rem;
    font-size: 1rem;
    color: var(--color-brand-2);
}

@media screen and (min-width: 480px) {
    body #body>section>section.left>section>section.list-2 article>section>section>ul.path li::before {
        content: "・";
    }
}

body #body>section>section.left>section>section.list-2 article>section>section>ul.path li:nth-child(1)::before {
    content: "";
    padding: 0;
    font-size: 1rem;
}

body #body>section>section.left>section>section.list-2 article>section>section>ul.path li a {
    color: inherit;
    transition: 0.3s;
}

body #body>section>section.left>section>section.list-2 article>section>section>ul.path li a:hover {
    color: var(--color-brand-2);
}

body #body>section>section.left>section>section.list-2 article>section>section>ul.path li time {
    color: inherit;
}

body #body>section>section.left>section>section.list-2 article>section>section>ul.path li i {
    font-size: 0.875rem;
    color: inherit;
}

body #body>section>section.left>section>section.list-2 article>section>section:nth-last-child(1) {
    justify-content: space-between;
    margin-top: 2rem;
    padding: 2rem 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1019607843);
}

body #body>section>section.left>section>section.list-2 article>section>section img {
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
}

body #body>section>section.left>section>section.list-2 article>section>section a,
body #body>section>section.left>section>section.list-2 article>section>section button {
    flex-shrink: 1;
    font-size: 0.875rem;
    font-weight: 700;
    color: var(--color-dark-8);
    white-space: nowrap;
}

body #body>section>section.left>section>section.list-2 article>section>section a:hover i,
body #body>section>section.left>section>section.list-2 article>section>section button:hover i {
    transform: translateX(0.5rem);
}

body #body>section>section.left>section>section.list-2 article>section>section a i,
body #body>section>section.left>section>section.list-2 article>section>section button i {
    margin-left: 0.5rem;
    color: var(--color-dark-4);
    transition: 0.3s;
}

body #body>section>section.left>section>section.list-2>button {
    display: none;
    padding: 0 2rem;
    line-height: 2.75rem;
    font-size: 0.875rem;
    font-weight: 300;
    color: var(--color-dark-4);
    border: 1px solid rgba(0, 0, 0, 0.1019607843);
    border-radius: 1.5rem;
    transition: 0.3s;
}

body #body>section>section.left>section>section.list-2>button:nth-last-child(1) {
    display: block;
}

body #body>section>section.left>section>section.list-2>button:nth-last-child(1):hover {
    color: var(--color-brand-2);
    border: 1px solid var(--color-brand-2);
}

body #body>section>section.left>section>section.list-2>ul {
    display: flex;
    justify-content: center;
    gap: 0.5rem;
    list-style: none;
}

body #body>section>section.left>section>section.list-2>ul[page="1"] li[txt="1"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.list-2>ul[page="1"] li[txt="1"]::before,
body #body>section>section.left>section>section.list-2>ul[page="1"] li[txt="1"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.list-2>ul[page="2"] li[txt="2"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.list-2>ul[page="2"] li[txt="2"]::before,
body #body>section>section.left>section>section.list-2>ul[page="2"] li[txt="2"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.list-2>ul[page="3"] li[txt="3"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.list-2>ul[page="3"] li[txt="3"]::before,
body #body>section>section.left>section>section.list-2>ul[page="3"] li[txt="3"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.list-2>ul[page="4"] li[txt="4"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.list-2>ul[page="4"] li[txt="4"]::before,
body #body>section>section.left>section>section.list-2>ul[page="4"] li[txt="4"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.list-2>ul[page="5"] li[txt="5"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.list-2>ul[page="5"] li[txt="5"]::before,
body #body>section>section.left>section>section.list-2>ul[page="5"] li[txt="5"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.list-2>ul[page="6"] li[txt="6"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.list-2>ul[page="6"] li[txt="6"]::before,
body #body>section>section.left>section>section.list-2>ul[page="6"] li[txt="6"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.list-2>ul[page="7"] li[txt="7"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.list-2>ul[page="7"] li[txt="7"]::before,
body #body>section>section.left>section>section.list-2>ul[page="7"] li[txt="7"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.list-2>ul[page="8"] li[txt="8"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.list-2>ul[page="8"] li[txt="8"]::before,
body #body>section>section.left>section>section.list-2>ul[page="8"] li[txt="8"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.list-2>ul[page="9"] li[txt="9"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.list-2>ul[page="9"] li[txt="9"]::before,
body #body>section>section.left>section>section.list-2>ul[page="9"] li[txt="9"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.list-2>ul[page="10"] li[txt="10"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.list-2>ul[page="10"] li[txt="10"]::before,
body #body>section>section.left>section>section.list-2>ul[page="10"] li[txt="10"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.list-2>ul[page="11"] li[txt="11"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.list-2>ul[page="11"] li[txt="11"]::before,
body #body>section>section.left>section>section.list-2>ul[page="11"] li[txt="11"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.list-2>ul[page="12"] li[txt="12"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.list-2>ul[page="12"] li[txt="12"]::before,
body #body>section>section.left>section>section.list-2>ul[page="12"] li[txt="12"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.list-2>ul[page="13"] li[txt="13"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.list-2>ul[page="13"] li[txt="13"]::before,
body #body>section>section.left>section>section.list-2>ul[page="13"] li[txt="13"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.list-2>ul[page="14"] li[txt="14"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.list-2>ul[page="14"] li[txt="14"]::before,
body #body>section>section.left>section>section.list-2>ul[page="14"] li[txt="14"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.list-2>ul[page="15"] li[txt="15"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.list-2>ul[page="15"] li[txt="15"]::before,
body #body>section>section.left>section>section.list-2>ul[page="15"] li[txt="15"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.list-2>ul[page="16"] li[txt="16"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.list-2>ul[page="16"] li[txt="16"]::before,
body #body>section>section.left>section>section.list-2>ul[page="16"] li[txt="16"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.list-2>ul[page="17"] li[txt="17"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.list-2>ul[page="17"] li[txt="17"]::before,
body #body>section>section.left>section>section.list-2>ul[page="17"] li[txt="17"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.list-2>ul[page="18"] li[txt="18"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.list-2>ul[page="18"] li[txt="18"]::before,
body #body>section>section.left>section>section.list-2>ul[page="18"] li[txt="18"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.list-2>ul[page="19"] li[txt="19"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.list-2>ul[page="19"] li[txt="19"]::before,
body #body>section>section.left>section>section.list-2>ul[page="19"] li[txt="19"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.list-2>ul[page="20"] li[txt="20"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.list-2>ul[page="20"] li[txt="20"]::before,
body #body>section>section.left>section>section.list-2>ul[page="20"] li[txt="20"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.list-2>ul[page="21"] li[txt="21"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.list-2>ul[page="21"] li[txt="21"]::before,
body #body>section>section.left>section>section.list-2>ul[page="21"] li[txt="21"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.list-2>ul[page="22"] li[txt="22"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.list-2>ul[page="22"] li[txt="22"]::before,
body #body>section>section.left>section>section.list-2>ul[page="22"] li[txt="22"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.list-2>ul[page="23"] li[txt="23"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.list-2>ul[page="23"] li[txt="23"]::before,
body #body>section>section.left>section>section.list-2>ul[page="23"] li[txt="23"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.list-2>ul[page="24"] li[txt="24"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.list-2>ul[page="24"] li[txt="24"]::before,
body #body>section>section.left>section>section.list-2>ul[page="24"] li[txt="24"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.list-2>ul[page="25"] li[txt="25"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.list-2>ul[page="25"] li[txt="25"]::before,
body #body>section>section.left>section>section.list-2>ul[page="25"] li[txt="25"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.list-2>ul[page="26"] li[txt="26"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.list-2>ul[page="26"] li[txt="26"]::before,
body #body>section>section.left>section>section.list-2>ul[page="26"] li[txt="26"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.list-2>ul[page="27"] li[txt="27"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.list-2>ul[page="27"] li[txt="27"]::before,
body #body>section>section.left>section>section.list-2>ul[page="27"] li[txt="27"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.list-2>ul[page="28"] li[txt="28"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.list-2>ul[page="28"] li[txt="28"]::before,
body #body>section>section.left>section>section.list-2>ul[page="28"] li[txt="28"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.list-2>ul[page="29"] li[txt="29"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.list-2>ul[page="29"] li[txt="29"]::before,
body #body>section>section.left>section>section.list-2>ul[page="29"] li[txt="29"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.list-2>ul[page="30"] li[txt="30"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.list-2>ul[page="30"] li[txt="30"]::before,
body #body>section>section.left>section>section.list-2>ul[page="30"] li[txt="30"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.list-2>ul[page="31"] li[txt="31"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.list-2>ul[page="31"] li[txt="31"]::before,
body #body>section>section.left>section>section.list-2>ul[page="31"] li[txt="31"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.list-2>ul[page="32"] li[txt="32"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.list-2>ul[page="32"] li[txt="32"]::before,
body #body>section>section.left>section>section.list-2>ul[page="32"] li[txt="32"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.list-2>ul[page="33"] li[txt="33"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.list-2>ul[page="33"] li[txt="33"]::before,
body #body>section>section.left>section>section.list-2>ul[page="33"] li[txt="33"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.list-2>ul[page="34"] li[txt="34"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.list-2>ul[page="34"] li[txt="34"]::before,
body #body>section>section.left>section>section.list-2>ul[page="34"] li[txt="34"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.list-2>ul[page="35"] li[txt="35"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.list-2>ul[page="35"] li[txt="35"]::before,
body #body>section>section.left>section>section.list-2>ul[page="35"] li[txt="35"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.list-2>ul[page="36"] li[txt="36"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.list-2>ul[page="36"] li[txt="36"]::before,
body #body>section>section.left>section>section.list-2>ul[page="36"] li[txt="36"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.list-2>ul[page="37"] li[txt="37"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.list-2>ul[page="37"] li[txt="37"]::before,
body #body>section>section.left>section>section.list-2>ul[page="37"] li[txt="37"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.list-2>ul[page="38"] li[txt="38"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.list-2>ul[page="38"] li[txt="38"]::before,
body #body>section>section.left>section>section.list-2>ul[page="38"] li[txt="38"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.list-2>ul[page="39"] li[txt="39"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.list-2>ul[page="39"] li[txt="39"]::before,
body #body>section>section.left>section>section.list-2>ul[page="39"] li[txt="39"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.list-2>ul[page="40"] li[txt="40"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.list-2>ul[page="40"] li[txt="40"]::before,
body #body>section>section.left>section>section.list-2>ul[page="40"] li[txt="40"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.list-2>ul[page="41"] li[txt="41"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.list-2>ul[page="41"] li[txt="41"]::before,
body #body>section>section.left>section>section.list-2>ul[page="41"] li[txt="41"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.list-2>ul[page="42"] li[txt="42"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.list-2>ul[page="42"] li[txt="42"]::before,
body #body>section>section.left>section>section.list-2>ul[page="42"] li[txt="42"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.list-2>ul[page="43"] li[txt="43"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.list-2>ul[page="43"] li[txt="43"]::before,
body #body>section>section.left>section>section.list-2>ul[page="43"] li[txt="43"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.list-2>ul[page="44"] li[txt="44"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.list-2>ul[page="44"] li[txt="44"]::before,
body #body>section>section.left>section>section.list-2>ul[page="44"] li[txt="44"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.list-2>ul[page="45"] li[txt="45"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.list-2>ul[page="45"] li[txt="45"]::before,
body #body>section>section.left>section>section.list-2>ul[page="45"] li[txt="45"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.list-2>ul[page="46"] li[txt="46"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.list-2>ul[page="46"] li[txt="46"]::before,
body #body>section>section.left>section>section.list-2>ul[page="46"] li[txt="46"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.list-2>ul[page="47"] li[txt="47"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.list-2>ul[page="47"] li[txt="47"]::before,
body #body>section>section.left>section>section.list-2>ul[page="47"] li[txt="47"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.list-2>ul[page="48"] li[txt="48"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.list-2>ul[page="48"] li[txt="48"]::before,
body #body>section>section.left>section>section.list-2>ul[page="48"] li[txt="48"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.list-2>ul[page="49"] li[txt="49"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.list-2>ul[page="49"] li[txt="49"]::before,
body #body>section>section.left>section>section.list-2>ul[page="49"] li[txt="49"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.list-2>ul[page="50"] li[txt="50"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.list-2>ul[page="50"] li[txt="50"]::before,
body #body>section>section.left>section>section.list-2>ul[page="50"] li[txt="50"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.list-2>ul[page="51"] li[txt="51"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.list-2>ul[page="51"] li[txt="51"]::before,
body #body>section>section.left>section>section.list-2>ul[page="51"] li[txt="51"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.list-2>ul[page="52"] li[txt="52"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.list-2>ul[page="52"] li[txt="52"]::before,
body #body>section>section.left>section>section.list-2>ul[page="52"] li[txt="52"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.list-2>ul[page="53"] li[txt="53"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.list-2>ul[page="53"] li[txt="53"]::before,
body #body>section>section.left>section>section.list-2>ul[page="53"] li[txt="53"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.list-2>ul[page="54"] li[txt="54"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.list-2>ul[page="54"] li[txt="54"]::before,
body #body>section>section.left>section>section.list-2>ul[page="54"] li[txt="54"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.list-2>ul[page="55"] li[txt="55"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.list-2>ul[page="55"] li[txt="55"]::before,
body #body>section>section.left>section>section.list-2>ul[page="55"] li[txt="55"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.list-2>ul[page="56"] li[txt="56"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.list-2>ul[page="56"] li[txt="56"]::before,
body #body>section>section.left>section>section.list-2>ul[page="56"] li[txt="56"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.list-2>ul[page="57"] li[txt="57"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.list-2>ul[page="57"] li[txt="57"]::before,
body #body>section>section.left>section>section.list-2>ul[page="57"] li[txt="57"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.list-2>ul[page="58"] li[txt="58"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.list-2>ul[page="58"] li[txt="58"]::before,
body #body>section>section.left>section>section.list-2>ul[page="58"] li[txt="58"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.list-2>ul[page="59"] li[txt="59"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.list-2>ul[page="59"] li[txt="59"]::before,
body #body>section>section.left>section>section.list-2>ul[page="59"] li[txt="59"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.list-2>ul[page="60"] li[txt="60"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.list-2>ul[page="60"] li[txt="60"]::before,
body #body>section>section.left>section>section.list-2>ul[page="60"] li[txt="60"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.list-2>ul[page="61"] li[txt="61"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.list-2>ul[page="61"] li[txt="61"]::before,
body #body>section>section.left>section>section.list-2>ul[page="61"] li[txt="61"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.list-2>ul[page="62"] li[txt="62"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.list-2>ul[page="62"] li[txt="62"]::before,
body #body>section>section.left>section>section.list-2>ul[page="62"] li[txt="62"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.list-2>ul[page="63"] li[txt="63"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.list-2>ul[page="63"] li[txt="63"]::before,
body #body>section>section.left>section>section.list-2>ul[page="63"] li[txt="63"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.list-2>ul[page="64"] li[txt="64"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.list-2>ul[page="64"] li[txt="64"]::before,
body #body>section>section.left>section>section.list-2>ul[page="64"] li[txt="64"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.list-2>ul[page="65"] li[txt="65"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.list-2>ul[page="65"] li[txt="65"]::before,
body #body>section>section.left>section>section.list-2>ul[page="65"] li[txt="65"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.list-2>ul[page="66"] li[txt="66"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.list-2>ul[page="66"] li[txt="66"]::before,
body #body>section>section.left>section>section.list-2>ul[page="66"] li[txt="66"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.list-2>ul[page="67"] li[txt="67"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.list-2>ul[page="67"] li[txt="67"]::before,
body #body>section>section.left>section>section.list-2>ul[page="67"] li[txt="67"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.list-2>ul[page="68"] li[txt="68"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.list-2>ul[page="68"] li[txt="68"]::before,
body #body>section>section.left>section>section.list-2>ul[page="68"] li[txt="68"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.list-2>ul[page="69"] li[txt="69"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.list-2>ul[page="69"] li[txt="69"]::before,
body #body>section>section.left>section>section.list-2>ul[page="69"] li[txt="69"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.list-2>ul[page="70"] li[txt="70"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.list-2>ul[page="70"] li[txt="70"]::before,
body #body>section>section.left>section>section.list-2>ul[page="70"] li[txt="70"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.list-2>ul[page="71"] li[txt="71"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.list-2>ul[page="71"] li[txt="71"]::before,
body #body>section>section.left>section>section.list-2>ul[page="71"] li[txt="71"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.list-2>ul[page="72"] li[txt="72"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.list-2>ul[page="72"] li[txt="72"]::before,
body #body>section>section.left>section>section.list-2>ul[page="72"] li[txt="72"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.list-2>ul[page="73"] li[txt="73"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.list-2>ul[page="73"] li[txt="73"]::before,
body #body>section>section.left>section>section.list-2>ul[page="73"] li[txt="73"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.list-2>ul[page="74"] li[txt="74"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.list-2>ul[page="74"] li[txt="74"]::before,
body #body>section>section.left>section>section.list-2>ul[page="74"] li[txt="74"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.list-2>ul[page="75"] li[txt="75"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.list-2>ul[page="75"] li[txt="75"]::before,
body #body>section>section.left>section>section.list-2>ul[page="75"] li[txt="75"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.list-2>ul[page="76"] li[txt="76"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.list-2>ul[page="76"] li[txt="76"]::before,
body #body>section>section.left>section>section.list-2>ul[page="76"] li[txt="76"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.list-2>ul[page="77"] li[txt="77"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.list-2>ul[page="77"] li[txt="77"]::before,
body #body>section>section.left>section>section.list-2>ul[page="77"] li[txt="77"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.list-2>ul[page="78"] li[txt="78"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.list-2>ul[page="78"] li[txt="78"]::before,
body #body>section>section.left>section>section.list-2>ul[page="78"] li[txt="78"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.list-2>ul[page="79"] li[txt="79"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.list-2>ul[page="79"] li[txt="79"]::before,
body #body>section>section.left>section>section.list-2>ul[page="79"] li[txt="79"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.list-2>ul[page="80"] li[txt="80"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.list-2>ul[page="80"] li[txt="80"]::before,
body #body>section>section.left>section>section.list-2>ul[page="80"] li[txt="80"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.list-2>ul[page="81"] li[txt="81"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.list-2>ul[page="81"] li[txt="81"]::before,
body #body>section>section.left>section>section.list-2>ul[page="81"] li[txt="81"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.list-2>ul[page="82"] li[txt="82"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.list-2>ul[page="82"] li[txt="82"]::before,
body #body>section>section.left>section>section.list-2>ul[page="82"] li[txt="82"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.list-2>ul[page="83"] li[txt="83"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.list-2>ul[page="83"] li[txt="83"]::before,
body #body>section>section.left>section>section.list-2>ul[page="83"] li[txt="83"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.list-2>ul[page="84"] li[txt="84"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.list-2>ul[page="84"] li[txt="84"]::before,
body #body>section>section.left>section>section.list-2>ul[page="84"] li[txt="84"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.list-2>ul[page="85"] li[txt="85"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.list-2>ul[page="85"] li[txt="85"]::before,
body #body>section>section.left>section>section.list-2>ul[page="85"] li[txt="85"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.list-2>ul[page="86"] li[txt="86"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.list-2>ul[page="86"] li[txt="86"]::before,
body #body>section>section.left>section>section.list-2>ul[page="86"] li[txt="86"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.list-2>ul[page="87"] li[txt="87"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.list-2>ul[page="87"] li[txt="87"]::before,
body #body>section>section.left>section>section.list-2>ul[page="87"] li[txt="87"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.list-2>ul[page="88"] li[txt="88"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.list-2>ul[page="88"] li[txt="88"]::before,
body #body>section>section.left>section>section.list-2>ul[page="88"] li[txt="88"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.list-2>ul[page="89"] li[txt="89"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.list-2>ul[page="89"] li[txt="89"]::before,
body #body>section>section.left>section>section.list-2>ul[page="89"] li[txt="89"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.list-2>ul[page="90"] li[txt="90"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.list-2>ul[page="90"] li[txt="90"]::before,
body #body>section>section.left>section>section.list-2>ul[page="90"] li[txt="90"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.list-2>ul[page="91"] li[txt="91"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.list-2>ul[page="91"] li[txt="91"]::before,
body #body>section>section.left>section>section.list-2>ul[page="91"] li[txt="91"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.list-2>ul[page="92"] li[txt="92"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.list-2>ul[page="92"] li[txt="92"]::before,
body #body>section>section.left>section>section.list-2>ul[page="92"] li[txt="92"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.list-2>ul[page="93"] li[txt="93"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.list-2>ul[page="93"] li[txt="93"]::before,
body #body>section>section.left>section>section.list-2>ul[page="93"] li[txt="93"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.list-2>ul[page="94"] li[txt="94"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.list-2>ul[page="94"] li[txt="94"]::before,
body #body>section>section.left>section>section.list-2>ul[page="94"] li[txt="94"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.list-2>ul[page="95"] li[txt="95"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.list-2>ul[page="95"] li[txt="95"]::before,
body #body>section>section.left>section>section.list-2>ul[page="95"] li[txt="95"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.list-2>ul[page="96"] li[txt="96"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.list-2>ul[page="96"] li[txt="96"]::before,
body #body>section>section.left>section>section.list-2>ul[page="96"] li[txt="96"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.list-2>ul[page="97"] li[txt="97"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.list-2>ul[page="97"] li[txt="97"]::before,
body #body>section>section.left>section>section.list-2>ul[page="97"] li[txt="97"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.list-2>ul[page="98"] li[txt="98"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.list-2>ul[page="98"] li[txt="98"]::before,
body #body>section>section.left>section>section.list-2>ul[page="98"] li[txt="98"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.list-2>ul[page="99"] li[txt="99"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.list-2>ul[page="99"] li[txt="99"]::before,
body #body>section>section.left>section>section.list-2>ul[page="99"] li[txt="99"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.list-2>ul[page="100"] li[txt="100"] {
    border: 1px solid transparent;
}

body #body>section>section.left>section>section.list-2>ul[page="100"] li[txt="100"]::before,
body #body>section>section.left>section>section.list-2>ul[page="100"] li[txt="100"]::after {
    opacity: 1;
}

body #body>section>section.left>section>section.list-2>ul li {
    position: relative;
    width: 2.5rem;
    line-height: 2.25rem;
    height: 2.5rem;
    color: var(--color-dark-4);
    text-align: center;
    font-size: 0.875rem;
    font-weight: 300;
    border: 1px solid rgba(0, 0, 0, 0.1019607843);
    border-radius: 50%;
    cursor: pointer;
}

body #body>section>section.left>section>section.list-2>ul li::before {
    content: "";
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom, var(--color-brand-3), var(--color-brand-1));
    border-radius: 50%;
    opacity: 0;
    transition: 0.3s;
}

body #body>section>section.left>section>section.list-2>ul li::after {
    content: attr(txt);
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    color: #fff;
    opacity: 0;
    transition: 0.3s;
}

body #body>section>section.left>section>section.list-2>ul li i {
    color: inherit;
}

body #body>section>section.left>section>section.post {
    display: flex;
    flex-flow: column;
    align-items: flex-start;
    margin-top: 1rem;
    width: 100%;
}

body #body>section>section.left>section>section.post:nth-child(1) {
    margin-top: 0;
}

body #body>section>section.left>section>section.post>section.about {
    display: flex;
    flex-flow: column;
}

body #body>section>section.left>section>section.post>section.about h1 {
    font-size: 2rem;
    color: var(--color-dark-8);
}

body #body>section>section.left>section>section.post>section.about section {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-top: 1rem;
    width: 100%;
}

body #body>section>section.left>section>section.post>section.about section img {
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
}

body #body>section>section.left>section>section.post>section.body {
    width: 100%;
}

body #body>section>section.left>section>section.post>section.body #PDMDViewer {
    padding-bottom: 0;
}

body #body>section>section.left>section>section.post>section.bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 3rem;
    padding-top: 2rem;
    width: 100%;
    border-top: 1px solid rgba(0, 0, 0, 0.1019607843);
}

body #body>section>section.left>section>section.post>section.bottom section {
    display: flex;
}

body #body>section>section.left>section>section.post>section.bottom section:nth-child(1) {
    flex-flow: column;
    gap: 0.75rem;
}

body #body>section>section.left>section>section.post>section.bottom section p {
    font-size: 0.75rem;
    color: var(--color-dark-4);
}

body #body>section>section.left>section>section.post>section.user {
    display: flex;
    gap: 2rem;
    margin-top: 3rem;
    padding: 2rem;
    width: 100%;
    background-color: #FFEDE8;
    border-radius: 0.5rem;
}

body #body>section>section.left>section>section.post>section.user img {
    width: 6rem;
    height: 6rem;
    border-radius: 50%;
}

body #body>section>section.left>section>section.post>section.user section {
    display: flex;
    flex-flow: column;
    gap: 0.75rem;
}

body #body>section>section.left>section>section.post>section.user section h4 {
    font-size: 1.25rem;
    color: var(--color-dark-8);
}

body #body>section>section.left>section>section.post>section.user section p {
    line-height: 1.75rem;
    font-size: 0.875rem;
    color: var(--color-dark-4);
}

body #body>section>section.left>section>section.post>section.post {
    display: flex;
    justify-content: space-between;
    gap: 2rem;
    margin-top: 3rem;
    width: 100%;
}

body #body>section>section.left>section>section.post>section.post a {
    display: flex;
    flex-flow: column;
    gap: 0.75rem;
    padding: 2rem;
    border: 1px solid rgba(0, 0, 0, 0.1019607843);
    border-radius: 0.5rem;
}

body #body>section>section.left>section>section.post>section.post a:nth-last-child(1) {
    text-align: right;
}

body #body>section>section.left>section>section.post>section.post a p {
    font-size: 0.75rem;
    font-weight: 300;
    color: var(--color-dark-4);
}

body #body>section>section.left>section>section.post>section.post a h5 {
    font-size: 1.125rem;
    color: var(--color-dark-8);
}

body #body>section>section.left>section>section.comment {
    display: flex;
    flex-flow: column;
    gap: 3rem;
    padding-top: 3rem;
    width: 100%;
}

body #body>section>section.left>section>section.comment>div {
    display: flex;
    gap: 1rem;
    width: 100%;
}

body #body>section>section.left>section>section.comment>div img {
    width: 4rem;
    height: 4rem;
    border-radius: 50%;
}

body #body>section>section.left>section>section.comment>div>section {
    display: flex;
    align-items: flex-end;
    flex-flow: column;
}

body #body>section>section.left>section>section.comment>div>section>p {
    width: 100%;
    font-weight: 300;
    color: var(--color-dark-4);
}

body #body>section>section.left>section>section.comment>div>section strong {
    margin-top: 1rem;
    width: 100%;
    font-size: 0.875rem;
    color: var(--color-dark-8);
}

body #body>section>section.left>section>section.comment>div>section strong time {
    margin-left: 1rem;
    font-size: 0.875rem;
    font-weight: 300;
}

body #body>section>section.left>section>section.comment>div>section button {
    width: initial;
    color: var(--color-dark-4);
}

body #body>section>section.left>section>section.comment>div>section section {
    padding-top: 1rem;
}

body #body>section>section.left>section>section.comment>div>section section div {
    padding: 1rem;
    background-color: #FFEDE8;
    border-radius: 0.5rem;
}

body #body>section>section.left>section>section.comment>div>section section div p {
    font-weight: 300;
    color: var(--color-dark-4);
}

body #body>section>section.left>section>section.comment>div>section section div time {
    display: block;
    padding-top: 1rem;
    font-size: 0.875rem;
    font-weight: 300;
    color: var(--color-dark-4);
}

body #body>section>section.left>section>section.form {
    display: flex;
    flex-flow: column;
    align-items: flex-start;
    gap: 1.5rem;
    margin-top: 2rem;
    padding: 2rem;
    border: 1px solid rgba(0, 0, 0, 0.1019607843);
    border-radius: 0.5rem;
}

body #body>section>section.left>section>section.form i {
    font-size: 0.875rem;
    font-weight: 300;
    color: var(--color-dark-4);
}

body #body>section>section.left>section>section.form label {
    display: flex;
    flex-flow: column;
    align-items: flex-start;
    width: 100%;
    font-size: 0.875rem;
    color: var(--color-dark-4);
}

body #body>section>section.left>section>section.form label input,
body #body>section>section.left>section>section.form label textarea {
    margin-top: 0.5rem;
    width: 100%;
    border: 1px solid rgba(0, 0, 0, 0.1019607843);
    border-radius: 1rem;
}

body #body>section>section.left>section>section.form label input {
    padding: 0 1rem;
    line-height: 2rem;
}

body #body>section>section.left>section>section.form label textarea {
    padding: 0.5rem 1rem;
    line-height: 1.5rem;
    height: 10rem;
}

body #body>section>section.left>section>section.form button {
    padding: 0 2rem;
    line-height: 2.75rem;
    font-size: 0.875rem;
    font-weight: 300;
    background: linear-gradient(to right, var(--color-brand-1), var(--color-brand-3), var(--color-brand-1));
    background-size: 200%;
    color: #fff;
    border-radius: 1.375rem;
    transition: 0.3s;
}

body #body>section>section.left>section>section.form button:hover {
    background-position: 100%;
}

body #body>section>section.left>section>section.ads {
    margin-top: 1rem;
    width: 100%;
    aspect-ratio: 8/1;
    border-radius: 0.5rem;
    overflow: hidden;
}

body #body>section>section.left>section>section.ads img {
    width: 100%;
}

body #body>section>section.right {
    position: sticky;
    flex-shrink: 0;
    gap: 2rem;
    width: 100%;
    max-width: 40rem;
    transition: 0.3s;
}

@media screen and (min-width: 1024px) {
    body #body>section>section.right {
        width: 20rem;
    }
}

@media screen and (min-width: 1140px) {
    body #body>section>section.right {
        width: 25rem;
    }
}

body #body>section>section.right>section {
    display: flex;
    flex-flow: column;
    align-items: center;
    padding: 2rem 1.5rem;
    width: 100%;
    border: 1px solid rgba(0, 0, 0, 0.1019607843);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 0.5rem;
}

body #body>section>section.right>section>h3 {
    font-size: 1.375rem;
    color: var(--color-dark-8);
}

body #body>section>section.right>section>svg {
    margin-top: 1rem;
}

body #body>section>section.right>section>p {
    margin-top: 1.5rem;
    padding: 0 1rem;
    line-height: 1.75rem;
    font-size: 0.875rem;
    text-align: center;
    color: var(--color-dark-6);
}

body #body>section>section.right>section>b,
body #body>section>section.right>section>strong {
    margin-top: 1.5rem;
    padding: 0 1rem;
    line-height: 1.75rem;
    font-size: 0.875rem;
    text-align: center;
    color: var(--color-dark-8);
}

body #body>section>section.right>section>i,
body #body>section>section.right>section>em {
    margin-top: 0.75rem;
    padding: 0 1rem;
    line-height: 1.75rem;
    font-style: normal;
    font-size: 0.75rem;
    font-weight: 300;
    text-align: center;
    color: var(--color-dark-4);
}

body #body>section>section.right>section>i a,
body #body>section>section.right>section>em a {
    color: var(--color-brand-2);
}

body #body>section>section.right>section>input {
    margin: 1rem auto 0;
    padding: 0 1rem;
    width: 100%;
    line-height: 3rem;
    text-align: center;
    font-size: 0.875rem;
    font-weight: 300;
    border: 1px solid rgba(0, 0, 0, 0.1019607843);
    border-radius: 1.5rem;
    transition: 0.3s;
}

body #body>section>section.right>section>input:focus {
    border: 1px solid var(--color-brand-2);
}

body #body>section>section.right>section>button {
    margin: 1rem auto 0;
    width: 100%;
    line-height: 3rem;
    font-weight: 300;
    font-size: 0.875rem;
    background: linear-gradient(to right, var(--color-brand-1), var(--color-brand-3), var(--color-brand-1));
    background-size: 200%;
    color: #fff;
    border-radius: 1.5rem;
    transition: 0.3s;
}

body #body>section>section.right>section>button:hover {
    background-position: 100%;
}

body #body>section>section.right>section section.button {
    display: flex;
    gap: 0.75rem;
    width: 100%;
}

body #body>section>section.right>section section.button[index="0"] a:nth-child(1),
body #body>section>section.right>section section.button[index="0"] button:nth-child(1) {
    border: 1px solid transparent;
}

body #body>section>section.right>section section.button[index="0"] a:nth-child(1)::before,
body #body>section>section.right>section section.button[index="0"] button:nth-child(1)::before {
    opacity: 1;
}

body #body>section>section.right>section section.button a,
body #body>section>section.right>section section.button button {
    position: relative;
    width: 50%;
    line-height: 2.75rem;
    font-weight: 300;
    color: var(--color-dark-4);
    border: 1px solid rgba(0, 0, 0, 0.1019607843);
    border-radius: 1.375rem;
}

body #body>section>section.right>section section.button a::before,
body #body>section>section.right>section section.button button::before {
    content: attr(txt);
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    line-height: 2.75rem;
    font-weight: 300;
    background: linear-gradient(to right, var(--color-brand-1), var(--color-brand-3));
    color: #fff;
    opacity: 0;
    transition: 0.3s;
    border-radius: 1.375rem;
}

body #body>section>section.right>section section.list-1 {
    display: flex;
    flex-flow: column;
    align-items: center;
    padding-top: 2rem;
    gap: 1.5rem;
}

body #body>section>section.right>section section.list-1.rank div:nth-child(1)::after {
    content: "1";
    position: absolute;
    top: -1rem;
    left: 0.25rem;
    width: 1.5rem;
    line-height: 1.5rem;
    height: 1.5rem;
    text-align: center;
    font-size: 0.875rem;
    background: linear-gradient(to top, var(--color-brand-1), var(--color-brand-3));
    color: #fff;
    border: 0.125rem solid #fff;
    border-radius: 50%;
}

body #body>section>section.right>section section.list-1.rank div:nth-child(2)::after {
    content: "2";
    position: absolute;
    top: 0.5rem;
    left: 0.25rem;
    width: 1.5rem;
    line-height: 1.5rem;
    height: 1.5rem;
    text-align: center;
    font-size: 0.875rem;
    background: linear-gradient(to top, var(--color-brand-1), var(--color-brand-3));
    color: #fff;
    border: 0.125rem solid #fff;
    border-radius: 50%;
}

body #body>section>section.right>section section.list-1.rank div:nth-child(3)::after {
    content: "3";
    position: absolute;
    top: 0.5rem;
    left: 0.25rem;
    width: 1.5rem;
    line-height: 1.5rem;
    height: 1.5rem;
    text-align: center;
    font-size: 0.875rem;
    background: linear-gradient(to top, var(--color-brand-1), var(--color-brand-3));
    color: #fff;
    border: 0.125rem solid #fff;
    border-radius: 50%;
}

body #body>section>section.right>section section.list-1 div {
    position: relative;
    display: flex;
    gap: 1.5rem;
    padding-top: 1.5rem;
    width: 100%;
}

body #body>section>section.right>section section.list-1 div::before {
    content: "";
    position: absolute;
    top: 0;
    left: 10rem;
    right: 0;
    height: 1px;
    background: linear-gradient(to right, transparent, rgba(0, 0, 0, 0.1019607843), rgba(0, 0, 0, 0.1019607843));
}

body #body>section>section.right>section section.list-1 div:nth-child(1) {
    padding-top: 0;
}

body #body>section>section.right>section section.list-1 div:nth-child(1)::before {
    opacity: 0;
}

body #body>section>section.right>section section.list-1 div figure {
    position: relative;
    flex-shrink: 0;
    width: 4rem;
    height: 4rem;
    border-radius: 50%;
    box-shadow: 0 0 0.25rem rgba(0, 0, 0, 0.1019607843);
    overflow: hidden;
}

body #body>section>section.right>section section.list-1 div figure:hover img {
    transform: scale(105%);
}

body #body>section>section.right>section section.list-1 div figure img {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    transition: 0.3s;
}

body #body>section>section.right>section section.list-1 div section {
    display: flex;
    flex-flow: column;
    gap: 0.5rem;
}

body #body>section>section.right>section section.list-1 div section h6 {
    line-height: 1.5rem;
    max-height: 3rem;
    font-size: 1rem;
}

body #body>section>section.right>section section.list-1 div section p {
    color: var(--color-dark-4);
    font-size: 0.875rem;
    font-weight: 300;
}

body #body>section>section.right>section section.list-1 div section p a {
    color: inherit;
    transition: 0.3s;
}

body #body>section>section.right>section section.list-1 div section p a:hover {
    color: var(--color-brand-2);
}

body #body>section>section.right>section section.list-1 div section p b {
    margin: 0 0.25rem;
    color: var(--color-brand-2);
}

body #body>section>section.right>section section.list-1 div section p time {
    color: inherit;
}

body #body>section>section.right>section ul.topic {
    display: flex;
    flex-flow: column;
    list-style: none;
    padding-top: 2rem;
    width: 100%;
}

body #body>section>section.right>section ul.topic li {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 0.75rem;
    padding-top: 0.75rem;
    width: 100%;
}

body #body>section>section.right>section ul.topic li:nth-child(0) {
    margin-top: 0;
}

body #body>section>section.right>section ul.topic li::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 1px;
    background: linear-gradient(to right, rgba(0, 0, 0, 0.1019607843), transparent);
}

body #body>section>section.right>section ul.topic li p {
    flex-grow: 0;
    font-size: 0.875rem;
}

body #body>section>section.right>section ul.topic li p:nth-child(1) {
    font-weight: 700;
    color: var(--color-dark-8);
    transition: 0.3s;
    cursor: pointer;
}

body #body>section>section.right>section ul.topic li p:nth-child(1):hover {
    color: var(--color-brand-2);
}

body #body>section>section.right>section ul.topic li p:nth-last-child(1) {
    font-weight: 300;
    color: var(--color-dark-4);
}

body #body>section>section.right>section ul.topic li i {
    margin-right: 1rem;
    font-size: 1.125rem;
    color: var(--color-brand-2);
}

body #body>section>section.right>section ul.contact {
    padding-top: 2rem;
}

body #body>section>section.right>section ul.tag {
    margin-top: 2rem;
}

body #body>section>section.full {
    flex-flow: row wrap;
    align-items: stretch;
    gap: 4rem;
}

body #body>section>section.full>section {
    width: 100%;
}

body #body>section>section.full>section.x2 {
    width: 100%;
    max-width: 40rem;
}

@media screen and (min-width: 1024px) {
    body #body>section>section.full>section.x2 {
        width: calc((100% - 4rem) / 2);
    }
}

body #body>section>section.full>section>h3 {
    font-size: 1.5rem;
    color: var(--color-dark-8);
}

body #body>section>section.full>section>p {
    font-size: 0.75rem;
    text-align: center;
    color: var(--color-dark-4);
}

body #body>section>section.full>section iframe {
    width: 100%;
    height: 100%;
    border-radius: 0.5rem;
}

body #body>section>section.full>section ul {
    display: flex;
    flex-flow: column;
    align-items: center;
    gap: 2rem;
    width: 100%;
    list-style: none;
}

@media screen and (min-width: 800px) {
    body #body>section>section.full>section ul {
        flex-flow: row;
    }
}

body #body>section>section.full>section ul li {
    display: flex;
    align-items: center;
    flex-grow: 1;
    gap: 1rem;
    padding: 1.5rem;
    border: 1px solid rgba(0, 0, 0, 0.1019607843);
    border-radius: 0.5rem;
    width: 100%;
    max-width: 40rem;
}

body #body>section>section.full>section ul li b {
    font-size: 1.125rem;
    color: var(--color-dark-8);
}

body #body>section>section.full>section ul li p {
    font-size: 0.875rem;
    font-weight: 300;
    color: var(--color-dark-4);
}

body #body>section>section.full>section ul li a {
    color: inherit;
}

body #body>section>section.full>section ul li i {
    width: 3rem;
    line-height: 3rem;
    height: 3rem;
    font-size: 1.5rem;
    text-align: center;
    background: linear-gradient(to right, var(--color-brand-1), var(--color-brand-3));
    color: #fff;
    border-radius: 0.5rem;
}

body #body>section>section.full>section>section {
    display: flex;
    flex-flow: column;
    align-items: flex-start;
    gap: 1.5rem;
    margin-top: 2rem;
}

body #body>section>section.full>section>section i {
    font-size: 0.875rem;
    font-weight: 300;
    color: var(--color-dark-4);
}

body #body>section>section.full>section>section label {
    display: flex;
    flex-flow: column;
    align-items: flex-start;
    width: 100%;
    font-size: 0.875rem;
    color: var(--color-dark-4);
}

body #body>section>section.full>section>section label input,
body #body>section>section.full>section>section label textarea {
    flex-grow: 1;
    margin-top: 0.5rem;
    width: 100%;
    border: 1px solid rgba(0, 0, 0, 0.1019607843);
    border-radius: 1rem;
}

body #body>section>section.full>section>section label input {
    padding: 0 1rem;
    width: 100%;
    line-height: 2rem;
}

body #body>section>section.full>section>section label textarea {
    padding: 0.5rem 1rem;
    width: 100%;
    line-height: 1.5rem;
    height: 10rem;
}

body #body>section>section.full>section>section button {
    padding: 0 2rem;
    line-height: 2.75rem;
    font-size: 0.875rem;
    font-weight: 300;
    background: linear-gradient(to right, var(--color-brand-1), var(--color-brand-3), var(--color-brand-1));
    background-size: 200%;
    color: #fff;
    border-radius: 1.375rem;
    transition: 0.3s;
}

body #body>section>section.full>section>section button:hover {
    background-position: 100%;
}

body #body>section>section.error {
    align-items: center;
    gap: 1rem;
    padding: 8rem 0;
}

body #body>section>section.error h1 {
    font-size: 2.5rem;
    color: var(--color-dark-8);
}

body #body>section>section.error p {
    font-size: 0.875rem;
    font-weight: 300;
    color: var(--color-dark-4);
}

body #body>section>section.error a,
body #body>section>section.error button {
    margin-top: 0.5rem;
    padding: 0 2rem;
    line-height: 2.75rem;
    font-size: 0.875rem;
    font-weight: 300;
    background: linear-gradient(to right, var(--color-brand-1), var(--color-brand-3), var(--color-brand-1));
    background-size: 200%;
    color: #fff;
    border-radius: 1.375rem;
    transition: 0.3s;
}

body #body>section>section.error a:hover,
body #body>section>section.error button:hover {
    background-position: 100%;
}

body #body>section>section.error a i,
body #body>section>section.error button i {
    margin-right: 0.5rem;
    color: #fff;
}

.ft * {
    transition: none !important;
}

#copy {
    position: absolute;
    top: -100vh;
    left: -100vw;
    opacity: 0;
}