@charset "UTF-8";
/*
 * Ascenthya: mobile chrome (phones and tablets, 1024px and narrower).
 * Pattern taken from apollo.com's mobile header. Built 10 Oct 2026.
 *
 * Every value a designer may want to change is a custom property. The
 * defaults sit on :root here; Elementor → Site Settings → Ascenthya Mobile
 * writes the same properties onto <body> (the kit wrapper), and because body
 * is closer to every element below it, the Elementor value wins. Nothing
 * here needs editing to restyle the header.
 *
 * Above 1024px the whole module is display:none and the desktop header is
 * untouched. The body class .ascm-active is only present while the module
 * is live, so with it switched off this file changes nothing.
 */

:root {
	--ascm-bar-h: 89px;
	--ascm-gutter: 16px;
	--ascm-word: 22px;
	--ascm-icon: 24px;
	--ascm-util: 15px;

	--ascm-clear-text: #FFFFFF;
	--ascm-clear-shade: 30;
	--ascm-solid-bg: #F4F2EC;
	--ascm-solid-text: #0E2E27;
	--ascm-soft: #4A5F58;
	--ascm-line: rgba(14, 46, 39, .16);

	--ascm-drawer-bg: #FFFFFF;
	--ascm-drawer-text: #0E2E27;
	--ascm-row-h: 54px;
	--ascm-pill-bg: #0E2E27;
	--ascm-card-bg: #0E2E27;
	--ascm-accent: #C1A55B;
	--ascm-chip: #0E2E27;

	--ascm-hero-h: 84;
	--ascm-hero-align: center;
	--ascm-hero-self: center;
	--ascm-hero-word: 44px;
	--ascm-hero-copy: 16px;
	--ascm-hero-arrows: none;

	--ascm-login-w: 300px;
	--ascm-login-r: 10px;
	--ascm-login-note: block;
	--ascm-dim: 55;

	--ascm-ease: cubic-bezier(.22, .61, .36, 1);
	--ascm-serif: "EB Garamond", Georgia, "Times New Roman", serif;
	--ascm-sans: "Inter", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif;
}

.ascm { display: none; }

@media (max-width: 1024px) {

	/* ------------------------------------------------ hand over from desktop */

	body.ascm-active .asc-header { display: none !important; }

	body.ascm-active .asc-header-spacer {
		height: var(--ascm-bar-h) !important;
		min-height: 0 !important;
	}

	html:has(body.ascm-active) { scroll-padding-top: calc(var(--asc-header-h, 84px) + 20px); }

	/* -------------------------------------------------------------- base */

	.ascm {
		display: block;
		font-family: var(--ascm-sans);
		-webkit-font-smoothing: antialiased;
		-webkit-text-size-adjust: 100%;
	}

	.ascm,
	.ascm *,
	.ascm *::before,
	.ascm *::after { box-sizing: border-box; }

	.ascm ul { list-style: none; margin: 0; padding: 0; }
	.ascm a { text-decoration: none; }

	.ascm button {
		font: inherit;
		margin: 0;
		background: none;
		border: 0;
		border-radius: 0;
		box-shadow: none;
		text-transform: none;
		letter-spacing: normal;
		cursor: pointer;
		-webkit-tap-highlight-color: transparent;
	}

	.ascm :focus-visible {
		outline: 2px solid currentColor;
		outline-offset: 2px;
		border-radius: 4px;
	}

	.ascm-vh {
		position: absolute !important;
		width: 1px; height: 1px;
		margin: -1px; padding: 0;
		overflow: hidden;
		clip: rect(0 0 0 0);
		white-space: nowrap;
		border: 0;
	}

	/* --------------------------------------------------------------- bar */

	.ascm-bar {
		position: fixed;
		z-index: 9990;
		inset: 0 0 auto 0;
		height: calc(var(--ascm-bar-h) + env(safe-area-inset-top, 0px));
		padding: env(safe-area-inset-top, 0px) max(var(--ascm-gutter), env(safe-area-inset-right, 0px)) 0 max(var(--ascm-gutter), env(safe-area-inset-left, 0px));
		display: flex;
		flex-direction: column;
		background: var(--ascm-solid-bg);
		color: var(--ascm-solid-text);
		border-bottom: 1px solid var(--ascm-line);
		transition: background-color .25s var(--ascm-ease), color .25s var(--ascm-ease), border-color .25s var(--ascm-ease), transform .3s var(--ascm-ease);
	}

	/* Over the hero: clear, with a soft shade at the top so white type
	   reads on any frame of the video. */
	.ascm-bar.is-clear {
		background: linear-gradient(180deg, rgb(9 26 22 / calc(var(--ascm-clear-shade) * 1%)) 0%, rgb(9 26 22 / 0) 100%);
		color: var(--ascm-clear-text);
		border-bottom-color: transparent;
	}

	.ascm-bar.is-hidden { transform: translate3d(0, -100%, 0); }

	/* A full 44px row, so Log In gets a 44px tap area that cannot spill
	   onto the menu and search buttons below it. */
	.ascm-bar__top {
		flex: 0 0 44px;
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 12px;
		min-height: 0;
		font-size: var(--ascm-util);
		line-height: 1.2;
	}

	.ascm-context {
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		color: var(--ascm-soft);
	}
	.ascm-bar.is-clear .ascm-context { color: inherit; }

	.ascm-bar__main {
		flex: 1 1 auto;
		display: grid;
		grid-template-columns: 44px minmax(0, 1fr) 44px;
		align-items: center;
		margin: 0 -10px;
	}

	.ascm-icon {
		width: 44px;
		height: 44px;
		padding: 0;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		color: inherit;
	}
	.ascm-icon:hover,
	.ascm-icon:focus,
	.ascm-icon:active { background: none; color: inherit; }

	.ascm-svg {
		width: var(--ascm-icon);
		height: var(--ascm-icon);
		flex: 0 0 auto;
	}
	.ascm-svg--search { width: calc(var(--ascm-icon) * .92); height: calc(var(--ascm-icon) * .92); }
	.ascm-svg--close { display: none; width: calc(var(--ascm-icon) * .92); height: calc(var(--ascm-icon) * .92); }
	.ascm-icon[aria-expanded="true"] .ascm-svg--close { display: block; }
	.ascm-icon[aria-expanded="true"] .ascm-svg--burger,
	.ascm-icon[aria-expanded="true"] .ascm-svg--search { display: none; }

	.ascm-brand {
		justify-self: center;
		max-width: 100%;
		overflow: hidden;
		white-space: nowrap;
		font-family: var(--ascm-serif);
		font-size: var(--ascm-word);
		font-weight: 400;
		line-height: 1;
		letter-spacing: .26em;
		/* Letter-spacing adds space after the last letter; this re-centres. */
		padding-left: .26em;
		text-transform: uppercase;
		color: inherit;
	}
	.ascm-brand:hover,
	.ascm-brand:focus { color: inherit; }

	/* ------------------------------------------------------------ log in */

	/* The account card opens over the logo row. The logo is position:
	   relative (tap-area rule in ascenthya-responsive.css) and comes later
	   in the markup, so the card needs its own layer to sit on top. The
	   logo also fades while the card is open. */
	.ascm-login { position: relative; z-index: 3; }
	.ascm-brand { transition: opacity .2s ease; }
	.ascm.is-login .ascm-brand { opacity: 0; pointer-events: none; }
	/* Signed-in associates: "My Account" is a plain link, no card. */
	.ascm-login--direct .ascm-login__toggle { text-decoration: none; color: inherit; }

	.ascm-login__toggle {
		display: inline-flex;
		align-items: center;
		gap: 6px;
		min-height: 36px;
		padding: 0;
		color: var(--ascm-soft);
		font-size: var(--ascm-util);
		text-underline-offset: 5px;
	}
	.ascm-bar.is-clear .ascm-login__toggle { color: inherit; }
	.ascm-login__toggle:hover,
	.ascm-login__toggle:focus,
	.ascm-login__toggle:active { background: none; color: inherit; }
	.ascm-login__toggle[aria-expanded="true"] { color: var(--ascm-solid-text); text-decoration: underline; }

	.ascm-caret {
		width: 13px;
		height: 13px;
		transition: transform .2s var(--ascm-ease);
	}
	.ascm-login__toggle[aria-expanded="true"] .ascm-caret { transform: rotate(180deg); }

	.ascm-login__card {
		position: absolute;
		top: calc(100% + 4px);
		right: 0;
		width: min(var(--ascm-login-w), calc(100vw - 2 * var(--ascm-gutter)));
		padding: 6px 0 !important;
		background: #FFFFFF;
		color: var(--ascm-solid-text);
		border: 1px solid var(--ascm-line);
		border-radius: var(--ascm-login-r);
		box-shadow: 0 16px 40px -12px rgba(9, 26, 22, .07);
		visibility: hidden;
		opacity: 0;
		transform: translate3d(0, -6px, 0);
		transition: opacity .2s var(--ascm-ease), transform .2s var(--ascm-ease), visibility 0s linear .2s;
	}
	.ascm-login.is-open .ascm-login__card {
		visibility: visible;
		opacity: 1;
		transform: none;
		transition-delay: 0s;
	}

	.ascm-login__card li + li { border-top: 1px solid rgba(14, 46, 39, .1); }

	.ascm-login__card a {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 14px;
		min-height: 60px;
		padding: 13px 18px;
		color: var(--ascm-solid-text);
	}
	.ascm-login__card a:hover .ascm-login__label { text-decoration: underline; text-underline-offset: 4px; }

	.ascm-login__text { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
	.ascm-login__label { font-size: 17px; font-weight: 500; line-height: 1.25; }
	.ascm-login__note { display: var(--ascm-login-note); font-size: 13px; line-height: 1.4; color: var(--ascm-soft); }

	.ascm-login__go {
		flex: 0 0 32px;
		width: 32px;
		height: 32px;
		border: 1px solid currentColor;
		border-radius: 50%;
		display: inline-flex;
		align-items: center;
		justify-content: center;
	}
	.ascm-login__go svg { width: 14px; height: 14px; }

	/* ------------------------------------------------------------- scrim */

	.ascm-scrim {
		position: fixed;
		z-index: 9980;
		inset: 0;
		background: rgb(9 26 22 / calc(var(--ascm-dim) * 1%));
		visibility: hidden;
		opacity: 0;
		transition: opacity .2s var(--ascm-ease), visibility 0s linear .2s;
	}
	.ascm.is-login .ascm-scrim {
		visibility: visible;
		opacity: 1;
		transition-delay: 0s;
	}

	/* ------------------------------------------------------ drawer, search */

	.ascm-drawer,
	.ascm-search {
		position: fixed;
		z-index: 9985;
		left: 0;
		right: 0;
		top: calc(var(--ascm-bar-h) + env(safe-area-inset-top, 0px));
		height: calc(100vh - var(--ascm-bar-h) - env(safe-area-inset-top, 0px));
		height: calc(100dvh - var(--ascm-bar-h) - env(safe-area-inset-top, 0px));
		background: var(--ascm-drawer-bg);
		color: var(--ascm-drawer-text);
		overscroll-behavior: contain;
		visibility: hidden;
		opacity: 0;
		transform: translate3d(0, -8px, 0);
		transition: opacity .22s var(--ascm-ease), transform .22s var(--ascm-ease), visibility 0s linear .22s;
	}
	.ascm.is-menu .ascm-drawer,
	.ascm.is-search .ascm-search {
		visibility: visible;
		opacity: 1;
		transform: none;
		transition-delay: 0s;
	}

	.ascm-drawer { overflow: hidden; }

	/* Each level is a full-height layer. The root slides left as a section
	   panel slides in from the right, as on apollo.com. */
	.ascm-view {
		position: absolute;
		inset: 0;
		overflow-y: auto;
		-webkit-overflow-scrolling: touch;
		padding: 18px max(var(--ascm-gutter), env(safe-area-inset-right, 0px)) calc(28px + env(safe-area-inset-bottom, 0px)) max(var(--ascm-gutter), env(safe-area-inset-left, 0px));
		display: flex;
		flex-direction: column;
		visibility: hidden;
		transform: translate3d(100%, 0, 0);
		transition: transform .32s var(--ascm-ease), visibility 0s linear .32s;
	}
	.ascm-view[data-ascm-view="root"] { transform: translate3d(-100%, 0, 0); }
	.ascm-view.is-active {
		visibility: visible;
		transform: none;
		transition-delay: 0s;
	}
	/* A closed drawer keeps its panels hidden, so Tab cannot land on invisible links. */
	.ascm:not(.is-menu) .ascm-drawer .ascm-view {
		visibility: hidden;
		transition: transform .32s var(--ascm-ease), visibility 0s linear .22s;
	}

	.ascm-nav__link {
		width: 100%;
		min-height: var(--ascm-row-h);
		padding: 0;
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 12px;
		text-align: left;
		font-family: var(--ascm-sans);
		font-size: 18px;
		font-weight: 400;
		line-height: 1.25;
		color: var(--ascm-drawer-text);
	}
	.ascm-nav__link:hover,
	.ascm-nav__link:focus,
	.ascm-nav__link:active { background: none; color: var(--ascm-drawer-text); }
	.ascm-nav__link[aria-current="page"] span { text-decoration: underline; text-underline-offset: 6px; text-decoration-color: var(--ascm-accent); }

	.ascm-chev { width: 18px; height: 18px; flex: 0 0 auto; color: var(--ascm-soft); }

	.ascm-drawer__foot {
		margin-top: auto;
		padding-top: 22px;
		border-top: 1px solid var(--ascm-line);
		display: flex;
		flex-direction: column;
	}
	.ascm-drawer__foot a {
		min-height: 40px;
		display: flex;
		align-items: center;
		font-size: 15px;
		color: #1F5A4A;
	}

	.ascm-rule {
		display: block;
		width: 28px;
		height: 2px;
		margin-bottom: 10px;
		background: var(--ascm-accent);
	}

	/* --------------------------------------------------------- the panel */

	.ascm-back {
		align-self: flex-start;
		min-height: 44px;
		margin-top: -8px;
		padding: 0 8px 0 0;
		display: inline-flex;
		align-items: center;
		gap: 8px;
		font-size: 16px;
		font-weight: 500;
		color: var(--ascm-soft);
	}
	.ascm-back:hover,
	.ascm-back:focus,
	.ascm-back:active { background: none; color: var(--ascm-drawer-text); }

	.ascm-panel__head {
		margin-top: 8px;
		padding: 22px 0;
		border-top: 1px solid var(--ascm-line);
		border-bottom: 1px solid var(--ascm-line);
	}

	.ascm-panel__title {
		margin: 0;
		font-family: var(--ascm-serif);
		font-size: 30px;
		font-weight: 400;
		line-height: 1.15;
		letter-spacing: -.005em;
		color: var(--ascm-drawer-text);
	}

	.ascm-panel__desc {
		margin: 8px 0 0;
		font-size: 15px;
		line-height: 1.5;
		color: var(--ascm-soft);
	}

	.ascm-pill {
		margin-top: 16px;
		min-height: 44px;
		padding: 0 22px;
		display: inline-flex;
		align-items: center;
		border-radius: 999px;
		background: var(--ascm-pill-bg);
		color: #FFFFFF;
		font-size: 15px;
		font-weight: 500;
	}
	.ascm-pill:hover,
	.ascm-pill:focus { color: #FFFFFF; filter: brightness(1.15); }

	.ascm-panel__links { margin-top: 8px !important; }

	.ascm-panel__link {
		min-height: calc(var(--ascm-row-h) - 4px);
		display: flex;
		align-items: center;
		font-size: 17px;
		line-height: 1.3;
		color: var(--ascm-drawer-text);
	}
	.ascm-panel__link:hover,
	.ascm-panel__link:focus { color: var(--ascm-drawer-text); text-decoration: underline; text-underline-offset: 5px; }

	.ascm-card {
		margin-top: 16px;
		padding: 20px;
		display: flex;
		flex-direction: column;
		gap: 6px;
		border-radius: 6px;
		background: var(--ascm-card-bg);
		color: #FFFFFF;
	}
	.ascm-card:hover,
	.ascm-card:focus { color: #FFFFFF; }
	.ascm-card .ascm-rule { margin-bottom: 6px; }
	.ascm-card__eyebrow { font-size: 12px; font-weight: 500; letter-spacing: .12em; text-transform: uppercase; color: var(--ascm-accent); }
	.ascm-card__title { font-family: var(--ascm-serif); font-size: 24px; line-height: 1.2; }
	.ascm-card__text { font-size: 14px; line-height: 1.5; color: rgba(255, 255, 255, .84); }

	/* ------------------------------------------------------------ search */

	.ascm-search {
		overflow-y: auto;
		padding: 24px max(var(--ascm-gutter), env(safe-area-inset-right, 0px)) calc(28px + env(safe-area-inset-bottom, 0px)) max(var(--ascm-gutter), env(safe-area-inset-left, 0px));
	}

	.ascm-search__form { margin: 0; }

	.ascm-search__field {
		height: 56px;
		padding: 0 20px;
		display: flex;
		align-items: center;
		gap: 12px;
		border: 1.5px solid var(--ascm-chip);
		border-radius: 999px;
		color: var(--ascm-chip);
	}
	.ascm-search__field .ascm-svg { width: 20px; height: 20px; }

	.ascm .ascm-search__field input[type="search"] {
		flex: 1 1 auto;
		min-width: 0;
		height: 100%;
		min-height: 0;
		margin: 0;
		padding: 0;
		border: 0;
		border-radius: 0;
		outline: 0;
		background: transparent;
		box-shadow: none;
		font-family: var(--ascm-sans);
		font-size: 18px;
		color: var(--ascm-drawer-text);
		-webkit-appearance: none;
		appearance: none;
	}
	.ascm .ascm-search__field input::placeholder { color: var(--ascm-soft); opacity: 1; }
	.ascm-search__field:focus-within { box-shadow: 0 0 0 3px rgba(31, 90, 74, .22); }

	.ascm-search__heading {
		margin: 32px 0 18px;
		font-size: 13px;
		font-weight: 600;
		letter-spacing: .14em;
		text-transform: uppercase;
		color: var(--ascm-drawer-text);
	}

	.ascm-chips {
		display: flex;
		flex-wrap: wrap;
		gap: 10px;
	}

	.ascm-chip {
		min-height: 40px;
		padding: 0 16px 0 13px;
		display: inline-flex;
		align-items: center;
		gap: 8px;
		border: 1px solid var(--ascm-chip);
		border-radius: 999px;
		font-size: 15px;
		color: var(--ascm-chip);
		transition: background-color .15s var(--ascm-ease), color .15s var(--ascm-ease);
	}
	.ascm-chip .ascm-svg { width: 15px; height: 15px; }
	.ascm-chip:hover,
	.ascm-chip:focus { background: var(--ascm-chip); color: #FFFFFF; }

	/* -------------------------------------------------------- scroll lock */

	html.ascm-locked,
	html.ascm-locked body { overflow: hidden; }
}

/* ===========================================================================
 * Home hero on phones (767px and narrower)
 *
 * Elementor's container c30a942. The selectors repeat .elementor-element to
 * outweigh ascenthya-sections.css and ascenthya-responsive.css, which address
 * the same element by id; the heights carry !important because the
 * responsive layer's 100dvh does.
 * ======================================================================== */

@media (max-width: 767px) {

	body.ascm-active .elementor-element.elementor-element.elementor-element.elementor-element-c30a942,
	body.ascm-active .elementor-element.elementor-element.elementor-element-c30a942 .swiper-slide > .elementor-element.e-con,
	body.ascm-active .elementor-element.elementor-element.elementor-element-c30a942 .e-con:has(> .elementor-widget-text-editor) {
		min-height: calc(var(--ascm-hero-h) * 1vh) !important;
		min-height: calc(var(--ascm-hero-h) * 1svh) !important;
	}

	body.ascm-active .elementor-element.elementor-element.elementor-element-c30a942 .e-n-carousel,
	body.ascm-active .elementor-element.elementor-element.elementor-element-c30a942 .e-n-carousel .swiper-slide {
		height: calc(var(--ascm-hero-h) * 1vh) !important;
		height: calc(var(--ascm-hero-h) * 1svh) !important;
	}

	body.ascm-active .elementor-element.elementor-element.elementor-element.elementor-element-c30a942 { position: relative; }

	/* The stage: headline in the free space, copy and button beneath it. */
	body.ascm-active .elementor-element.elementor-element.elementor-element-c30a942 .e-con:has(> .elementor-widget-text-editor) {
		justify-content: flex-start;
		padding: calc(var(--ascm-bar-h) + 12px) 24px 84px;
	}

	body.ascm-active .elementor-element.elementor-element.elementor-element-c30a942 .e-con:has(> .elementor-widget-text-editor) > .elementor-element.e-con {
		padding-top: 0;
		align-items: center;
	}

	body.ascm-active .elementor-element.elementor-element.elementor-element-c30a942 .e-con-inner:has(> .elementor-widget-heading) {
		flex-direction: column;
		flex-wrap: nowrap;
		align-items: var(--ascm-hero-self);
		gap: 0;
	}

	body.ascm-active .elementor-element.elementor-element.elementor-element-c30a942 .e-con-inner:has(> .elementor-widget-heading) > .elementor-element.elementor-widget-heading {
		margin-inline: 0;
		padding-bottom: 4px;
	}

	body.ascm-active .elementor-element.elementor-element.elementor-element-c30a942 .e-con-inner > .elementor-widget-heading:nth-child(1) .elementor-heading-title,
	body.ascm-active .elementor-element.elementor-element.elementor-element-c30a942 .e-con-inner > .elementor-widget-heading:nth-child(3) .elementor-heading-title {
		font-size: var(--ascm-hero-word);
		line-height: 1.04;
	}

	body.ascm-active .elementor-element.elementor-element.elementor-element-c30a942 .e-con-inner > .elementor-widget-heading:nth-child(2) .elementor-heading-title {
		font-size: calc(var(--ascm-hero-word) * .91);
		line-height: 1.12;
	}

	body.ascm-active .elementor-element.elementor-element.elementor-element-c30a942 .elementor-widget-text-editor,
	body.ascm-active .elementor-element.elementor-element.elementor-element-c30a942 .elementor-widget-text-editor p {
		font-size: var(--ascm-hero-copy);
		line-height: 1.55;
		text-align: var(--ascm-hero-align);
	}

	body.ascm-active .elementor-element.elementor-element.elementor-element-c30a942 .elementor-widget-text-editor {
		max-width: 100%;
		align-self: var(--ascm-hero-self);
		margin: 0 0 22px;
	}

	body.ascm-active .elementor-element.elementor-element.elementor-element-c30a942 .elementor-widget-button {
		align-self: var(--ascm-hero-self);
		text-align: var(--ascm-hero-align);
	}

	body.ascm-active .elementor-element.elementor-element.elementor-element-c30a942 .elementor-widget-button .elementor-button {
		min-height: 44px;
		display: inline-flex;
		align-items: center;
	}

	body.ascm-active .elementor-element.elementor-element.elementor-element-c30a942 .elementor-swiper-button {
		display: var(--ascm-hero-arrows) !important;
	}

	body.ascm-active .elementor-element.elementor-element.elementor-element-c30a942 .swiper-pagination {
		bottom: 28px !important;
		top: auto !important;
	}

	body.ascm-active .elementor-element.elementor-element.elementor-element-c30a942 .swiper-pagination-bullet {
		width: 8px;
		height: 8px;
		/* 44px pitch so each dot's 44px tap area stays its own. */
		margin: 0 18px !important;
	}
}

/* The pause button, added to the hero by ascenthya-mobile.js. */
.ascm-pause { display: none; }

@media (max-width: 1024px) {
	body.ascm-active .ascm-pause {
		position: absolute;
		z-index: 6;
		right: 16px;
		bottom: 10px;
		width: 44px;
		height: 44px;
		padding: 0;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		border: 1.5px solid rgba(255, 255, 255, .88);
		border-radius: 50%;
		background: rgba(9, 26, 22, .35);
		color: #FFFFFF;
		cursor: pointer;
		-webkit-tap-highlight-color: transparent;
	}
	body.ascm-active .ascm-pause:hover,
	body.ascm-active .ascm-pause:focus,
	body.ascm-active .ascm-pause:active { background: rgba(9, 26, 22, .55); color: #FFFFFF; border-color: #FFFFFF; }
	body.ascm-active .ascm-pause:focus-visible { outline: 2px solid #FFFFFF; outline-offset: 3px; }
	body.ascm-active .ascm-pause svg { width: 14px; height: 14px; }
	body.ascm-active .ascm-pause .ascm-play-icon { display: none; }
	body.ascm-active .ascm-pause[aria-pressed="true"] .ascm-play-icon { display: block; }
	body.ascm-active .ascm-pause[aria-pressed="true"] .ascm-pause-icon { display: none; }
}

@media (prefers-reduced-motion: reduce) {
	.ascm *,
	.ascm *::before,
	.ascm *::after { transition-duration: .01ms !important; }
}