:root{--color-primary:#00f;--color-accent:#00ffc5;--color-success:#00ffc5;--color-alert:#b20000;--color-grey:#3c3c3c;--color-primary-dark:#006;--color-primary-light:#b2dbff;--color-accent-light:#357c83;--color-accent-dark:#1d4144;--color-grey-dark:#161616;--color-grey-light:#dcdcdc;--color-grey-lightest:#efefef;--color-white:#fff}.share-price-container{-webkit-font-smoothing:antialiased;align-items:center;background-color:var(--color-white);border-bottom:1px solid var(--color-accent);border-top:1px solid var(--color-accent);color:var(--color-grey-dark);display:grid;font-family:Open Sans,sans-serif;font-weight:400;grid-template-areas:". description dublin london actions .";grid-template-columns:1fr repeat(4,minmax(0,19.6rem)) 1fr;line-height:1.5rem;margin-bottom:1rem;margin-top:1rem;padding:1.5rem .75rem}.share-price-error-container{display:block;text-align:center}@media only screen and (width <= 768px){.share-price-container{display:block;padding:.75rem}}.share-price-title-container{grid-area:description;margin-bottom:0;padding:0 .5rem 0 0;.share-price-title{font-size:1.25rem;font-weight:700;line-height:1.2em;margin-bottom:0;margin-top:0}.share-price-subtitle{font-size:.75rem}}@media only screen and (width <= 768px){.share-price-title-container{margin-bottom:2rem;padding:0}}.share-price-widget-container{align-items:end;display:flex;justify-content:center;margin-bottom:0;.currency-price{display:block;font-weight:700;line-height:1em}.currency-symbol{display:flex;font-size:.75rem;max-width:40px}.currency-change{align-items:center;display:flex;font-size:2.5rem;font-weight:700;justify-content:flex-end;line-height:1em;margin-left:1rem;.arrow{display:inline-block;font-style:normal;font-variant:normal;font-weight:300;line-height:1;margin-left:.5rem;text-rendering:auto}}}.london-feed{grid-area:london}.dublin-feed{grid-area:dublin}@media only screen and (width <= 768px){.share-price-widget-container{align-items:center;justify-content:space-between;margin-bottom:2rem;.currency-change{font-size:2rem}}}@media only screen and (48em <= width <= 64em){.share-price-widget-container{.currency-change{font-size:1.5rem}}}.widget-action-container{grid-area:actions;justify-self:end;.widget-action{word-wrap:break-word;border-bottom:1px solid var(--color-grey-dark);color:var(--color-grey-dar);cursor:pointer;display:inline-block;font-size:1rem;font-weight:700;line-height:normal;margin:0;padding:0;position:relative;text-align:center;text-decoration:none}.widget-action:hover{border-bottom:1px solid var(--color-primary);color:var(--color-primary)}}@media only screen and (48em <= width <= 64em){.widget-action-container{.widget-action{font-size:.8rem}}}@keyframes rotate-forever{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-indicator{min-height:40px;position:relative;&:before{animation-duration:.75s;animation-iteration-count:infinite;animation-name:rotate-forever;animation-timing-function:linear;border-bottom:8px solid var(--color-primary-light);border-left:8px solid var(--color-primary-light);border-radius:50%;border-right:8px solid transparent;border-top:8px solid var(--color-primary-dark);display:inline-block;height:20px;inset:calc(50% - 15px);right:0;width:20px;z-index:1}&:after,&:before{content:"";position:absolute}&:after{background:hsla(0deg 0% 100% 63%);border-radius:inherit;display:block;height:100%;left:0;top:0;width:100%;z-index:0}}