/* Bevelled mint arrows with a dark emerald extrusion; no oval backing. */
.dd-direction{display:inline-block!important;width:28px!important;height:28px!important;flex:0 0 28px;vertical-align:middle;background:url('/assets/arrow-3d-next.svg') center/contain no-repeat!important;border:0!important;padding:0!important;margin:0 2px;pointer-events:none;transition:transform .18s ease;filter:drop-shadow(0 2px 1px #001b1829)}
.dd-direction-back{background-image:url('/assets/arrow-3d-back.svg')!important}
.dd-direction-diagonal{transform:rotate(-40deg)}
button:hover>.dd-direction-next,a:hover>.dd-direction-next{transform:translateX(2px)}
button:hover>.dd-direction-back,a:hover>.dd-direction-back{transform:translateX(-2px)}
.detail-top>a:first-child,.back{background-image:none!important;font-size:0!important;display:inline-flex!important;align-items:center;justify-content:center;min-width:44px;min-height:44px;border-radius:4px!important}
.detail-top>a:first-child .dd-direction,.back .dd-direction{width:34px!important;height:34px!important;flex-basis:34px}
.premium-hero-controls>button:not(#heroPause),.mini-arrow{display:inline-flex!important;align-items:center;justify-content:center;border-radius:4px!important;min-width:36px;min-height:36px;padding:2px!important}
.premium-hero-controls .dd-direction,.mini-arrow .dd-direction{width:29px!important;height:29px!important;flex-basis:29px;margin:0}
.reference-hero-actions b:has(.dd-direction),.premium-hero-copy>button b:has(.dd-direction){padding:0!important;border:0!important;height:28px!important}
@media(max-width:759px){.dd-direction{width:23px!important;height:23px!important;flex-basis:23px}.premium-hero-controls{gap:2px!important}.premium-hero-controls>button:not(#heroPause){min-width:29px;min-height:29px}.premium-hero-controls .dd-direction{width:25px!important;height:25px!important;flex-basis:25px}}
@media(prefers-reduced-motion:reduce){.dd-direction{transition:none!important}}
.portal-back{background-image:url('/assets/arrow-3d-back.svg')!important;background-position:center!important;background-repeat:no-repeat!important;background-size:32px 32px!important;border-radius:4px!important}
.portal-back>svg{visibility:hidden}