@layer theme,base,components,utilities;@layer components{.rdl--xpwin .rdl__media{filter:drop-shadow(0 4px 10px color-mix(in srgb,var(--ink) 16%,transparent))}.rdl__xp{--bar: 30px;position:relative;box-sizing:border-box;width:100%;padding:3px;border-style:solid;border-width:var(--bar) 4px 5px;border-image:url(/images/dial-xp/frame.webp) 60 8 10 8 fill / var(--bar) 4px 5px stretch;clip-path:inset(0 round 8px 8px 5px 5px)}.rdl__xptitle{position:absolute;z-index:2;top:calc(var(--bar) * -1);left:-4px;right:96px;display:flex;align-items:center;height:var(--bar);padding-left:10px;overflow:hidden;font-family:var(--font-sans);font-size:var(--text-label);font-weight:700;line-height:1.2;white-space:nowrap;text-overflow:ellipsis;color:#fff;text-shadow:1px 1px 0 color-mix(in srgb,var(--ink) 55%,transparent);background-image:linear-gradient(90deg,color-mix(in srgb,var(--ink) 22%,transparent) calc(100% - 48px),transparent);pointer-events:none}.rdl__xp picture{display:contents}.rdl--xp .rdl__xpic{border-radius:0;box-shadow:0 0 0 1px color-mix(in srgb,var(--ink) 42%,transparent)}.rdl--xp .rdl__xpic:after{display:none}.rdl__film{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:6px;margin:3px -3px -3px;padding:6px;background:url(/images/dial-xp/film.webp) 0 0 / 100% 100% no-repeat;border-top:1px solid color-mix(in srgb,var(--ink) 18%,transparent)}.rdl__film .rdl__strip{display:contents}.rdl--xpwin .rdl__frame--strip{border-radius:2px;box-shadow:0 0 0 1px color-mix(in srgb,var(--ink) 38%,transparent)}.rdl--xp .rdl__film-cur{box-sizing:border-box;border:2px solid transparent;border-image:url(/images/dial-xp/sel.png) 2 / 2px stretch;box-shadow:none}.rdl--xp .rdl__film-cur:after{box-shadow:inset 0 0 0 1px #fff}@media (min-width: 768px){.rdl__film{gap:8px;padding:8px}}.rdl--xp .rdl__step{position:relative;border:0;border-radius:50%;background:url(/images/dial-xp/btn.webp) center / 100% 100% no-repeat;transition:filter var(--dur-press) var(--ease-state),opacity var(--dur-press) var(--ease-state)}.rdl--xp .rdl__step .ul-icon{display:none}.rdl--xp .rdl__step:before,.rdl--xp .rdl__step:after{content:"";position:absolute;top:50%;left:50%;width:20px;height:18px;margin:-9px 0 0 -10px;clip-path:polygon(0 50%,48% 0,48% 28%,100% 28%,100% 72%,48% 72%,48% 100%)}.rdl--xp .rdl__step:before{background:color-mix(in srgb,var(--ink) 55%,transparent);transform:translateY(1px)}.rdl--xp .rdl__step:after{background:#fff}.rdl--xp .rdl__step:last-child:before{transform:translateY(1px) scaleX(-1)}.rdl--xp .rdl__step:last-child:after{transform:scaleX(-1)}@media (hover: hover) and (pointer: fine){.rdl--xp .rdl__step:not([aria-disabled=true]):hover{border:0;background:url(/images/dial-xp/btn.webp) center / 100% 100% no-repeat;filter:brightness(1.1) saturate(1.1)}}.rdl--xp .rdl__step:not([aria-disabled=true]):active{background:url(/images/dial-xp/btn-down.webp) center / 100% 100% no-repeat;filter:none}.rdl--xp .rdl__step:not([aria-disabled=true]):active:before{transform:translateY(2px)}.rdl--xp .rdl__step:not([aria-disabled=true]):active:after{transform:translateY(1px)}.rdl--xp .rdl__step:last-child:not([aria-disabled=true]):active:before{transform:translateY(2px) scaleX(-1)}.rdl--xp .rdl__step:last-child:not([aria-disabled=true]):active:after{transform:translateY(1px) scaleX(-1)}.rdl--xp .rdl__step[aria-disabled=true]{filter:grayscale(.9)}.rdl--xp .rdl__knob:before{border:0;background:url(/images/dial-xp/knob-bezel.webp) 0 0 / 100% 100% no-repeat;transition:filter var(--dur-press) var(--ease-state)}@media (hover: hover) and (pointer: fine){.rdl--xp .rdl__knob:hover:before{filter:brightness(1.06)}}.rdl--xp .rdl__knob:active{filter:brightness(.94)}.rdl--xp .rdl__knob-face{background:url(/images/dial-xp/knob-face.webp) 0 0 / 100% 100% no-repeat;box-shadow:none}.rdl--xp .rdl__knob-face:before,.rdl--xp .rdl__knob-grip{display:none}.rdl--xp .rdl__knob:after{content:"";position:absolute;top:6px;right:6px;bottom:6px;left:6px;border-radius:50%;background:radial-gradient(ellipse 78% 46% at 50% 13%,#ffffffc7,#fff0 78%);pointer-events:none}.rdl--xp .rdl__knob:focus-visible,.rdl--xp .rdl__step:focus-visible{outline:2px solid var(--ink);outline-offset:3px;border-radius:50%;box-shadow:none}.rdl--xp{--xp-link: #215dc6}.rdl--xp .rdl__title .rdl__go{position:relative;display:inline-block;box-sizing:border-box;width:.82em;height:.82em;margin-left:.3em;vertical-align:-.06em;border-radius:50%;background:url(/images/dial-xp/btn.webp) center / 100% 100% no-repeat;transition:transform var(--dur-press) var(--ease-out),filter var(--dur-press) var(--ease-state)}.rdl--xp .rdl__go:before,.rdl--xp .rdl__go:after{content:"";position:absolute;top:50%;left:50%;width:52%;height:48%;margin:-24% 0 0 -26%;clip-path:polygon(0 50%,48% 0,48% 28%,100% 28%,100% 72%,48% 72%,48% 100%);transform:rotate(0) scaleX(-1);transition:transform .2s var(--ease-out)}.rdl--xp .rdl__go:before{background:color-mix(in srgb,var(--ink) 55%,transparent);translate:0 .06em}.rdl--xp .rdl__go:after{background:#fff}.rdl--xp .ul-link-host:has(.rdl__link:focus-visible) .rdl__go,.rdl--xp .ul-link-host:hover .rdl__go{filter:brightness(1.1) saturate(1.1)}.rdl--xp .ul-link-host:has(.rdl__link:focus-visible) .rdl__go--ext:before,.rdl--xp .ul-link-host:has(.rdl__link:focus-visible) .rdl__go--ext:after{transform:rotate(-45deg) scaleX(-1)}@media (hover: hover) and (pointer: fine){.rdl--xp .ul-link-host:hover .rdl__go--ext:before,.rdl--xp .ul-link-host:hover .rdl__go--ext:after{transform:rotate(-45deg) scaleX(-1)}}@media (prefers-reduced-motion: reduce){.rdl--xp .rdl__go:before,.rdl--xp .rdl__go:after{transition:none}}.rdl--xp .ul-link-host:has(.rdl__link:focus-visible) .ul-link-arrow__label{color:var(--xp-link)}@media (hover: hover) and (pointer: fine){.rdl--xp .ul-link-host:hover .rdl__link .ul-link-arrow__label{color:var(--xp-link)}}.rdl--xp .rdl__item--spoke.is-selected:not(.is-next) .rdl__spoke,.rdl--xp .rdl__item--spoke.is-hot:not(.is-next) .rdl__spoke{background:url(/images/dial-xp/blue.png) 0 0 / 100% 100% no-repeat}.rdl--xp .rdl__tick:after{top:-4px;right:-2px;bottom:-10px;left:-2px;background:url(/images/dial-xp/glow.png) 0 0 / 100% 100% no-repeat}@media (prefers-reduced-motion: no-preference){.rdl--moved[data-view=arc] .rdl__panel[data-active] .rdl__media>.rdl__xp{animation:rdl-in .52s var(--ease-out) .14s both}}@media (forced-colors: active){.rdl--xp .rdl__link .ul-link-arrow__label{color:LinkText;text-decoration:underline}.rdl--xp .rdl__go{border:1px solid LinkText;background:ButtonFace}.rdl--xp .rdl__go:after{background:LinkText}.rdl--xp .rdl__go:before{display:none}.rdl--xp .rdl__step{border:1px solid ButtonText;background:ButtonFace}.rdl--xp .rdl__step:after{background:ButtonText}.rdl--xp .rdl__step:before{display:none}.rdl__xp{border:1px solid CanvasText;background:Canvas}.rdl__xptitle{color:CanvasText;text-shadow:none;position:static;width:auto}}}