/**
  * This file is part of the Crown Oil website.
  * Author: Mark Eriksson <https://www.markwrites.codes/>
  */
.pill-tabs{display:flex;width:calc(100% - 2rem);position:absolute;left:1rem;right:1rem;bottom:0;z-index:1;translate:0 50%;border-radius:100px;overflow:hidden}.pill__indicator{position:absolute;height:100%;width:calc(100% / var(--pill-count, 4));top:0;background-color:var(--pill-current-bg, var(--red));z-index:1;pointer-events:none;transform:translate(calc(max(0,var(--pill-current, 0))*100%));transition:transform .35s cubic-bezier(.72,.13,0,1.24)}.pill__tab{background-color:var(--pale-grey);color:var(--blue);font-weight:600;font-size:1rem;line-height:1.5;display:block;width:calc(100% / var(--pill-count, 4));text-align:center;padding:15px 5px;transition:background-color .2s ease-in-out,color .2s ease-in-out;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}@media (min-width: 1024px){.pill__tab{font-size:1.15rem}}.pill__tab--active{color:#fff;cursor:auto}.pill__tab:not(.pill__tab--active):hover{background-color:#e5e8ec;color:var(--current-bg-colour, var(--red))}.pill__tab:not(:last-child){border-right:1px solid #e0e0e0}.pill__tab:active{background-color:#d6dae2}.pill__label{position:relative;z-index:2;pointer-events:none}.bubble-button{display:inline-block}.bubble-button:hover .bubble-button--bubble{box-shadow:0 6px 12px #0006}.bubble-button.alt .bubble-button--bubble{background-color:var(--yellow)}.bubble-button.alt .bubble-button--cta{background-color:var(--red);color:#fff}.bubble-button.alt .bubble-button--cta:hover{background-color:#ac1b21}.bubble-button--container{position:relative}.bubble-button--bubble{height:170px;width:170px;position:relative;background-color:var(--red);border-radius:50%;box-shadow:0 3px 12px #0000004d;transition:box-shadow .25s ease-in-out;-webkit-user-select:none;user-select:none}.bubble-button--bubble svg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.bubble-button .button{position:absolute;top:0;left:0;transform:translate(-35%,-10px);text-align:center;padding:13px 26px;min-width:150px;box-shadow:0 0 12px #0000004d;font-weight:500}.bubble-button .button:active{box-shadow:none}.home-intro{position:relative;padding:0}.home-intro>.content-spacer{max-width:1200px;margin:0 auto}.home-intro>h2{text-align:center;font-weight:700;font-size:38px;color:var(--red)}.history-slider{margin-block:35px 1rem;padding-inline:.5rem;position:relative;scroll-marker-group:after;scroll-behavior:smooth}.history-slider::scroll-marker-group{display:flex;justify-content:center;gap:1rem;margin-block-end:2.5rem}.history-slide{width:70%;max-width:1000px;margin:0 15px;position:relative}@media (min-width: 460px){.history-slide{margin:0 25px}}@media (min-width: 768px){.history-slide{margin:0 40px;width:65%}}@media (min-width: 1100px){.history-slide{margin:0 80px}}.history-slide::scroll-marker{content:"";inline-size:1.1rem;block-size:1.1rem;background-color:#eaeaea;border-radius:50%;border:3px solid var(--black);transition:background-color .2s ease-out}.history-slide::scroll-marker:hover{background-color:rgb(from var(--red) r g b/.45)}.history-slide::scroll-marker:target-current{background-color:var(--red)}.history-slide img,.history-slide iframe{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;border-radius:7px}.history-slide__media{height:165px;position:relative}@media (min-width: 460px){.history-slide__media{height:230px}}@media (min-width: 768px){.history-slide__media{height:290px}}@media (min-width: 1100px){.history-slide__media{height:420px}}.history-slide__caption{max-width:70ch;margin:20px auto 0;text-align:center;color:#343434;font-weight:500;font-size:14px;line-height:1.6}@media (min-width: 460px){.history-slide__caption{font-size:16px;line-height:1.7}}.history-buttons{display:flex;justify-content:center;margin-block-start:35px}section.top-products{width:100%;margin-top:15px;position:relative}section.top-products h2{color:var(--red);font-size:26px;font-weight:700}section.top-products .top-products-list{display:flex;justify-content:space-between;flex-flow:row wrap;margin-top:15px}section.top-products .top-products-list .top-product{width:50%;text-align:center;margin-bottom:50px}section.top-products .top-products-list .top-product--icon{height:120px;display:flex;justify-content:center}section.top-products .top-products-list .top-product--name{color:var(--black);line-height:1.44;font-weight:700;font-size:18px;display:block;text-align:center;margin:10px 0}section.top-products .accent-link{text-align:center;position:absolute;left:50%;bottom:0;transform:translate(-50%)}