.raveyard-design-system .ry-d3-feature-strip{color:var(--ry-fg-1);background:radial-gradient(circle at 82% 0%,rgba(59,207,239,.08),transparent 32%),var(--ry-bg-1);border-top:1px solid var(--ry-line-1);border-bottom:1px solid var(--ry-line-1)}.raveyard-design-system .ry-d3-feature-strip__inner{width:min(calc(100% - 80px),1080px);margin-inline:auto;padding:32px 0 62px}.raveyard-design-system .ry-d3-feature-strip__actions{display:flex;align-items:center;justify-content:center;gap:10px}.raveyard-design-system .ry-d3-feature-strip__button{display:inline-flex;min-height:42px;align-items:center;gap:8px;padding:7px 10px;color:var(--ry-fg-1);background:#181d2be0;border:1px solid var(--ry-line-1);border-radius:4px;cursor:pointer;font:400 clamp(12px,.95vw,14px)/1.1 var(--ry-font-body);white-space:nowrap;transition:background-color .16s ease,border-color .16s ease,transform .16s ease}.raveyard-design-system .ry-d3-feature-strip__button:hover,.raveyard-design-system .ry-d3-feature-strip__button:focus-visible{background:var(--ry-bg-3);border-color:var(--ry-acid);transform:translateY(-2px)}.raveyard-design-system .ry-d3-feature-strip__button:focus-visible{outline:2px solid var(--ry-acid);outline-offset:3px}.raveyard-design-system .ry-d3-feature-strip__icon{display:grid;width:22px;height:22px;flex:0 0 22px;place-items:center}.raveyard-design-system .ry-d3-feature-strip__icon :is(svg,img){display:block;width:100%;height:100%;object-fit:contain}.raveyard-design-system .ry-d3-feature-strip__icon svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.4}.raveyard-design-system .ry-d3-feature-strip__arrow{margin-left:1px;font-size:16px;line-height:1}.raveyard-design-system .ry-d3-feature-strip__intro{max-width:1310px;margin:58px auto 0;color:var(--ry-fg-2);font-size:18px;line-height:1.18;text-align:left}.raveyard-design-system .ry-d3-feature-strip__intro :first-child{margin-top:0}.raveyard-design-system .ry-d3-feature-strip__intro :last-child{margin-bottom:0}.raveyard-design-system .ry-d3-feature-drawer{width:100%;max-width:none;height:100%;max-height:none;margin:0;padding:0;overflow:hidden;color:var(--ry-fg-1);background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;border:0}.ry-d3-feature-drawer::backdrop{background:#0000;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);transition:background-color .28s ease,backdrop-filter .28s ease}.ry-d3-feature-drawer.is-open::backdrop{background:#0000000f;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.ry-d3-feature-drawer__panel{position:absolute;top:0;right:0;bottom:0;width:min(480px,100%);overflow-y:auto;background:#111620;border-left:1px solid rgba(112,240,183,.28);box-shadow:-28px 0 80px #0000006b;visibility:hidden;transform:translate3d(calc(100% + 2px),0,0);transition:transform .36s cubic-bezier(.16,1,.3,1),visibility 0s linear .36s;will-change:transform}.ry-d3-feature-drawer.is-open .ry-d3-feature-drawer__panel{visibility:visible;transform:translateZ(0);transition:transform .36s cubic-bezier(.16,1,.3,1),visibility 0s}.ry-d3-feature-drawer__header{display:flex;min-height:88px;align-items:center;justify-content:space-between;gap:24px;padding:22px 24px;border-bottom:1px solid rgba(255,255,255,.12)}.ry-d3-feature-drawer__header h2{margin:0;color:var(--ry-fg-1);font:800 26px/1.05 var(--ry-font-body);letter-spacing:-.025em}.ry-d3-feature-drawer__header button{display:grid;width:42px;height:42px;flex:0 0 42px;place-items:center;padding:0;color:var(--ry-fg-1);background:transparent;border:1px solid rgba(255,255,255,.18);border-radius:50%;cursor:pointer;font:300 30px/1 var(--ry-font-body)}.ry-d3-feature-drawer__header button:hover,.ry-d3-feature-drawer__header button:focus-visible{color:#07100c;background:var(--ry-grad-brand);border-color:transparent;outline:0}.ry-d3-feature-drawer__content{padding:30px 24px 48px;color:var(--ry-fg-2);font-size:17px;line-height:1.55}.ry-d3-feature-drawer__content>p:first-child{color:var(--ry-fg-1);font-size:19px;line-height:1.45}.ry-d3-feature-drawer__content h3{margin:30px 0 8px;color:var(--ry-fg-1);font:800 16px/1.2 var(--ry-font-body);letter-spacing:-.01em;text-transform:uppercase}.ry-d3-feature-drawer__content p{margin:0 0 18px}.ry-d3-feature-drawer__content :first-child{margin-top:0}.ry-d3-feature-drawer__content :last-child{margin-bottom:0}body.ry-feature-drawer-open{overflow:hidden}body.raveyard-design-system.ry-diablo-3-pdp-active .ry-site-header{background:var(--ry-bg-1);-webkit-backdrop-filter:none;backdrop-filter:none;backface-visibility:hidden}@media(max-width:989px){.raveyard-design-system .ry-d3-feature-strip__inner{width:100%;padding:16px 0 54px}.raveyard-design-system .ry-d3-feature-strip__actions{justify-content:flex-start;gap:10px;padding:8px 16px;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none}.raveyard-design-system .ry-d3-feature-strip__actions::-webkit-scrollbar{display:none}.raveyard-design-system .ry-d3-feature-strip__button{flex:0 0 auto;scroll-snap-align:start}.raveyard-design-system .ry-d3-feature-strip__intro{margin:48px 20px 0;font-size:18px}}@media(max-width:749px){.raveyard-design-system .ry-d3-feature-strip__button{min-height:44px;padding:8px 12px;font-size:15px}.raveyard-design-system .ry-d3-feature-strip__icon{width:24px;height:24px;flex-basis:24px}.raveyard-design-system .ry-d3-feature-strip__intro{margin-top:42px;font-size:18px;line-height:1.3}.ry-d3-feature-drawer__panel{width:100%;border-left:0}}@media(prefers-reduced-motion:reduce){.raveyard-design-system .ry-d3-feature-strip__button,.ry-d3-feature-drawer::backdrop,.ry-d3-feature-drawer__panel{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/85/assets/raveyard-diablo-3-feature-drawers.css.map */