:root{--gsk-orange:#f36633;--sans-serif-bold:"GSK bold", arial, helvetica, sans-serif;--sans-serif-regular:"GSK regular", arial, helvetica, sans-serif}.sequencer{margin:0 auto;max-width:188px}.sequencer__active,.sequencer__button,.sequencer__max,.sequencer__progress,.sequencer__radial{display:inline-block;vertical-align:middle}.sequencer__progress{background-color:#08080826;border-radius:2px;height:2px;position:relative;width:188px}.sequencer__progress-wrapper{align-items:center;display:flex;margin:5px 0}.sequencer__progress i{background-color:var(--gsk-orange);border-radius:2px;display:inline-block;height:2px;left:0;position:absolute;width:50%}[data-theme=dark] .sequencer__progress{background-color:#fff}.sequencer__active-wrapper{font-size:.75rem;font-weight:500;line-height:16px}[data-style=radial] .sequencer__active{font-size:1rem;text-align:center;width:60px}.sequencer__radial{transform:rotate(-90deg)}.sequencer__radial .bar{stroke:var(--gsk-orange)}.sequencer__radial circle{stroke:#f0efed;stroke-dashoffset:0;stroke-width:2px}.sequencer__button{color:inherit;display:inline-block;font-size:0;height:20px;position:relative;transition:transform .2s ease;width:20px}.sequencer__button-wrapper{align-items:center;display:flex;margin-right:-6px}.sequencer__button[href="#prev"]:hover{transform:translate(-5px)}.sequencer__button[href="#prev"]:after{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:icons!important;font-style:normal;font-variant:normal;font-weight:400;line-height:1;speak:never;text-transform:none;content:"";font-size:1.0625rem;font-weight:700;transform:translate(-50%,-50%) rotate(90deg)}.sequencer__button[href="#next"]:hover{transform:translate(5px)}.sequencer__button[href="#next"]:after{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:icons!important;font-style:normal;font-variant:normal;font-weight:400;line-height:1;speak:never;text-transform:none;content:"";font-size:1.0625rem;font-weight:700;transform:translate(-50%,-50%) rotate(-90deg)}.sequencer__button:after{color:var(--gsk-orange);font-size:.625rem!important;left:50%;position:absolute;top:50%}.sequencer__button-control{background-color:transparent;border-style:none;cursor:pointer;display:inline-block;font-size:0;height:20px;margin:0 5px;padding:0;width:20px}.sequencer__button-control-play{display:none;height:10px;width:8px}.sequencer__button-control-pause{display:inline-block;height:10px;width:6px}.sequencer__button-control--paused .sequencer__button-control-pause{display:none}.sequencer__button-control--paused .sequencer__button-control-play{display:inline-block}[data-theme=dark] .sequencer__button-control svg path{fill:#fff}[data-theme=dark] .sequencer__button-control svg line{stroke:#fff}.sequencer__button-control:hover svg path{fill:var(--gsk-orange)}.sequencer__button-control:hover svg line{stroke:var(--gsk-orange)}.sequencer__row{align-items:center;display:flex;justify-content:space-between}