[data-demo-theme] .ds-btn-primary{background-color:var(--d-btn-bg,var(--d-accent));color:var(--d-btn-ink,var(--d-accent-ink))}[data-demo-theme=ropa-xpress]{--d-btn-bg:#1c1a1a;--d-btn-ink:#faf7f2}[data-demo-theme] .ds-wordmark{font-family:var(--d-font-display),var(--font-sans);font-weight:var(--d-display-weight,600);font-style:var(--d-display-style,normal);font-variation-settings:var(--d-display-settings,normal);letter-spacing:-.01em;text-wrap:balance}[data-demo-theme]:lang(ar) .ds-wordmark{font-family:var(--d-font-display-ar),var(--font-sans);font-weight:var(--d-display-weight-ar,700);font-style:normal;font-variation-settings:normal;letter-spacing:0}[data-demo-theme] .ds-header-bar{height:4rem;background-color:var(--d-bg);border-bottom:1px solid var(--d-line);transition:height .2s var(--dk-ease,cubic-bezier(.23,1,.32,1)),background-color .2s ease-out,border-color .2s ease-out}[data-demo-theme] .ds-header[data-variant=compact] .ds-header-bar,[data-demo-theme] .ds-header[data-collapsed] .ds-header-bar{height:3.5rem}[data-demo-theme] .ds-header[data-variant=overlay]:not([data-collapsed]) .ds-header-bar{background-color:transparent;border-bottom-color:transparent}[data-demo-theme] .ds-header[data-variant=overlay]+section{padding-top:4rem}[data-demo-theme] .ds-marquee{-webkit-mask-image:linear-gradient(to right,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(to right,transparent,#000 8%,#000 92%,transparent)}[data-demo-theme] .ds-marquee[data-vertical]{-webkit-mask-image:linear-gradient(to bottom,transparent,#000 12%,#000 88%,transparent);mask-image:linear-gradient(to bottom,transparent,#000 12%,#000 88%,transparent)}[data-demo-theme] .ds-plinth{background-image:radial-gradient(ellipse 60% 45% at 50% 68%,var(--d-accent) 0%,transparent 100%);opacity:.12}[data-demo-theme] .ds-plinth-dark{background-color:var(--d-surface);background-image:radial-gradient(ellipse 70% 30% at 50% 100%,var(--d-surface-2) 0%,transparent 100%)}@keyframes ds-kenburns{0%{transform:scale(1)}to{transform:scale(1.06)}}@keyframes ds-marquee{0%{transform:translateZ(0)}to{transform:translate3d(calc(var(--dir,1) * -50%),0,0)}}@keyframes ds-marquee-y{0%{transform:translateZ(0)}to{transform:translate3d(0,-50%,0)}}@keyframes ds-glow{0%,to{opacity:.1}50%{opacity:.2}}@keyframes ds-spin{to{transform:rotate(360deg)}}@keyframes ds-lift{0%{transform:translateZ(0)}to{transform:translate3d(0,-24px,0)}}@keyframes ds-plinth-shift{0%{transform:translateZ(0)}to{transform:translate3d(0,12px,0)}}@media (prefers-reduced-motion: no-preference){[data-demo-theme] .ds-kenburns{animation:ds-kenburns 16s ease-in-out infinite alternate;transform-origin:50% 50%}[data-demo-theme] .ds-glow{animation:ds-glow 8s ease-in-out infinite}[data-demo-theme] .ds-spin-slow{animation:ds-spin 30s linear infinite;transform-box:fill-box;transform-origin:center}[data-demo-theme] .ds-marquee-track{animation:ds-marquee var(--ds-marquee-duration,30s) linear infinite}[data-demo-theme] .ds-marquee[data-vertical] .ds-marquee-track{animation-name:ds-marquee-y}[data-demo-theme] .ds-marquee[data-pause-hover]:hover .ds-marquee-track,[data-demo-theme] .ds-marquee:focus-within .ds-marquee-track{animation-play-state:paused}@supports (animation-timeline: scroll()){[data-demo-theme] .ds-lift{animation:ds-lift linear both;animation-timeline:scroll(root);animation-range:0 480px}[data-demo-theme] .ds-plinth-shift{animation:ds-glow 8s ease-in-out infinite,ds-plinth-shift linear both;animation-timeline:auto,scroll(root);animation-range:normal,0 480px}}}[data-demo-theme] .ds-scroll-x{overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch}[data-demo-theme] .ds-scroll-x::-webkit-scrollbar{display:none}[data-demo-theme] .ds-card-layer{position:absolute;top:0;right:0;bottom:0;left:0;transition:opacity .25s ease-out}[data-demo-theme] .ds-card-layer[data-i="1"],[data-demo-theme] .ds-card-media[data-active="1"] .ds-card-layer[data-i="0"]{opacity:0}[data-demo-theme] .ds-card-media[data-active="1"] .ds-card-layer[data-i="1"]{opacity:1}@media (hover:hover){[data-demo-theme] .ds-card:hover .ds-card-media[data-has-2] .ds-card-layer[data-i="1"],[data-demo-theme] .ds-card:focus-within .ds-card-media[data-has-2] .ds-card-layer[data-i="1"]{opacity:1}[data-demo-theme] .ds-card:hover .ds-card-media[data-has-2] .ds-card-layer[data-i="0"],[data-demo-theme] .ds-card:focus-within .ds-card-media[data-has-2] .ds-card-layer[data-i="0"]{opacity:0}[data-demo-theme] .ds-card-dots{display:none}}[data-demo-theme] .ds-card{transition:transform .2s ease-out}@media (hover:hover) and (prefers-reduced-motion: no-preference){[data-demo-theme] .ds-card:hover{transform:translate3d(0,-2px,0)}}[data-demo-theme] .ds-menu-thumb{opacity:0;transform:translate3d(0,4px,0);transition:opacity .15s ease-out,transform .15s ease-out;pointer-events:none}[data-demo-theme] .ds-menu-thumb[data-shown]{opacity:1;transform:none}[data-demo-theme] .ds-story-step{opacity:1}@keyframes ds-story-in{0%{opacity:.18;transform:translate3d(0,18px,0)}to{opacity:1;transform:translateZ(0)}}@supports (animation-timeline: view()){@media (prefers-reduced-motion: no-preference){[data-demo-theme] .ds-story-step{animation:ds-story-in linear both;animation-timeline:view();animation-range:entry 10% entry 55%}}}[data-motion=paused] .ds-story-step{animation-name:none}[data-demo-theme] .ds-track-fill{transition:transform .3s ease-out}
