:root{--color-dark:#1e252b;--color-green:#82bb26;--color-grey-dark:#7d868c;--color-grey-mid:#d1d3d3;--color-grey-light:#e9e9e9;--color-positive:#009f0c;--color-negative:#ff5134;--body-bg-color:transparent;--border-color:var(--color-green);--text-color:var(--color-dark);--btn-color:#fff;--btn-color-hover:#fff;--btn-bg-color:var(--color-dark);--btn-bg-color-hover:var(--color-green);--btn-link-color:var(--link-color);--btn-link-color-hover:var(--color-green)}*{-webkit-font-smoothing:antialiased;box-sizing:border-box}html{font-size:16px}body{background-color:var(--body-bg-color);color:var(--text-color);font-family:Open Sans,sans-serif;font-size:1rem;margin:0;padding:0;width:100%}p{margin-top:0}.bar__wrap{overflow:hidden}.bar{--gap:15px;display:grid;gap:var(--gap);margin-bottom:var(--gap)}.bar p,.bar ul{margin-top:0}.bar ul{list-style:none;margin:0;padding:0}.bar__col--last-price{display:flex;gap:15px}.bar__col--intro{background-color:var(--color-grey-light);display:grid;gap:var(--gap);padding:20px}.bar__col--intro li{display:flex;gap:10px;justify-content:space-between}.bar__col--intro li span:first-of-type{font-weight:700}.bar__shareprice{color:var(--color-green);font-size:40px;font-weight:700;line-height:1}.bar__change--positive{color:var(--color-positive)}.bar__change--negative{color:var(--color-negative)}@media (min-width:460px){.bar__col--intro{--gap:45px;grid-template-columns:repeat(2,auto)}.bar__col--intro li{gap:20px}}@media (min-width:750px){.bar{grid-template-columns:1fr auto;margin-bottom:0}}.detailed{border-top:1px solid var(--border-color);margin-top:0}.detailed,.detailed div{display:flex;flex-direction:row;flex-wrap:wrap}.detailed div{width:100%}@media (min-width:650px){.detailed div{width:50%}}.detailed dd,.detailed dt{border-bottom:1px solid var(--border-color);padding:18px 10px;width:100%}@media (min-width:420px){.detailed dd,.detailed dt{width:50%}}.detailed dt{font-weight:700}.detailed dd{margin-left:0}.collapse{max-height:0;overflow:hidden;transition:max-height .25s ease-in-out}.button{align-items:center;background-color:var(--btn-bg-color);border:0;border-radius:100px;color:var(--btn-color);display:inline-flex;font-size:1rem;font-weight:700;overflow:hidden;padding:13px 40px;position:relative;text-align:initial;text-decoration:none;transition:all .25s;z-index:0}.button:before{background-color:var(--btn-bg-color-hover);content:"";height:100%;left:0;position:absolute;top:0;-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%);transition:all .25s;width:100%;z-index:-1}.button:hover{color:var(--btn-color-hover)}.button:hover:before{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}