.rotating-offers{--offer-dur:7s;color:var(--clr-text);font-family:var(--font-body);line-height:1.4;overflow-x:clip;padding-block:var(--gap-xl);*{box-sizing:border-box}p{margin:0}&.bleed{left:50%;margin-left:-50vw;margin-right:-50vw;max-width:100vw;position:relative;right:50%;width:100vw}.hd{margin-bottom:var(--gap-m);max-width:40rem;h2{color:var(--clr-title);font-weight:400;margin:0}b,strong{font-weight:700}p{color:var(--clr-text);margin-top:var(--gap-s)}}.layout{align-items:stretch;gap:var(--gap-m);grid-template-columns:minmax(0,5fr) minmax(0,7fr)}.tabs{display:flex;flex-direction:column;gap:var(--gap-s)}.tab{align-items:flex-start;background:color-mix(in srgb,var(--clr-bg) 55%,transparent);border:var(--border-width) solid var(--clr-stroke);border-radius:var(--corner);color:var(--clr-text);cursor:pointer;display:flex;flex:1 1 auto;font-family:var(--font-body);font-size:1rem;font-weight:400;gap:var(--gap-s);line-height:1.4;max-width:none;overflow:hidden;padding:18px 20px 20px;position:relative;text-align:left;transition:background .2s,border-color .2s,transform .1s;width:100%;&:hover{background:var(--clr-primary-bg);border-color:var(--clr-primary);color:var(--clr-text)}&:active{transform:scale(.98)}&[aria-selected=true]{background:var(--clr-bg);border-color:var(--clr-primary);.question{color:var(--clr-title)}}}.num{color:var(--clr-primary);flex:none;font-family:var(--font-title);font-weight:700;min-width:1.5rem;padding-top:2px}.tx{display:flex;flex-direction:column;gap:6px;min-width:0}.tag{color:var(--clr-primary);font-family:var(--font-title);font-size:.75rem;letter-spacing:.15em;text-transform:uppercase}.question,.tag{font-weight:700}.question{color:var(--clr-text);line-height:1.3}.bar{background:transparent;bottom:0;height:4px;left:0;position:absolute;right:0;i{background:var(--clr-primary);display:block;height:100%;width:0}}&.auto:not(.manual) .tab[aria-selected=true] .bar i{animation:rotating-offers-fill var(--offer-dur) linear forwards}&.auto.paused:not(.manual) .tab[aria-selected=true] .bar i{animation-play-state:paused}.stage{background:var(--clr-bg);border:var(--border-width) solid var(--clr-stroke);border-radius:var(--corner);display:flex;flex-direction:column;overflow:hidden;position:relative}.panels{display:grid;flex:1}.panel{display:flex;flex-direction:column;grid-area:1/1;opacity:0;transition:opacity .35s ease,visibility 0s linear .35s;visibility:hidden;&.on{opacity:1;transition:opacity .35s ease;visibility:visible}}.gfx{align-items:center;aspect-ratio:16/9;background:var(--clr-bg-2);border-bottom:var(--border-width) solid var(--clr-stroke);display:flex;justify-content:center;overflow:hidden;position:relative;img{display:block;height:auto;max-height:100%;max-width:100%;object-fit:contain;width:auto}&.contain{padding:var(--gap-s)}&.cover,&.fit{background:var(--clr-bg)}&.fit{padding:var(--gap-xxs)}&.cover img{height:100%;object-fit:cover;width:100%}}.copy{align-items:flex-start;display:flex;flex:1;flex-direction:column;gap:var(--gap-s);padding:var(--gap) var(--gap);h3{color:var(--clr-title);margin:0}.title p,h3{font-weight:400}.title p{color:var(--clr-text);font-family:var(--font-body);font-size:1rem;margin-top:var(--gap-s);max-width:52ch}b,strong{font-weight:700}.button{margin-top:auto}}.ctl{align-items:center;background:var(--clr-bg);border-top:var(--border-width) solid var(--clr-stroke);display:flex;gap:var(--gap-s);justify-content:space-between;padding:10px var(--gap-s) 10px var(--gap)}.ctl button{align-items:center;background:none;border:var(--border-width) solid var(--clr-stroke);border-radius:var(--corner-xxl);color:var(--clr-text);cursor:pointer;display:inline-flex;font-family:var(--font-body);font-size:.8125rem;font-weight:700;gap:var(--gap-xs);height:36px;justify-content:center;max-width:none;padding:0 14px;&:hover{background:var(--clr-primary-bg);border-color:var(--clr-primary);color:var(--clr-text)}}.nav{align-items:center;display:none;gap:10px}.arr{padding:0;width:36px}.count{color:var(--clr-text);font-size:.8125rem;font-weight:700}&:not(.can-auto) .pp{display:none}}.rotating-offers :is(.tab,.ctl button,.button):focus-visible{outline:3px solid var(--clr-primary);outline-offset:2px}@keyframes rotating-offers-fill{0%{width:0}to{width:100%}}@media (max-width:900px){.rotating-offers{padding-block:var(--gap-l);.layout{gap:var(--gap);grid-template-columns:minmax(0,1fr)}.tabs{flex-direction:row;gap:10px;overflow-x:auto;padding-bottom:6px;scroll-snap-type:x mandatory;scrollbar-width:none;&::-webkit-scrollbar{display:none}}.tab{flex:0 0 min(78%,300px);scroll-snap-align:start}.gfx{aspect-ratio:4/3}.copy{padding:var(--gap) var(--gap-s) var(--gap-s)}.ctl{padding:10px var(--gap-s)}.nav{display:flex}}}@media (min-width:901px){.rotating-offers:not(.can-auto) .ctl{display:none}}@media (prefers-reduced-motion:reduce){.rotating-offers .panel,.rotating-offers .panel.on,.rotating-offers .tab{transition:none}}