.demo-page{--demo-blue:#3b82f6;--demo-blue-soft:#3b82f61a;--demo-border-off:#e5e5e5;--demo-icon-off:#6b6b6b;--demo-text-muted:#8e8e93;--demo-page-bg:#fafafa;background:var(--demo-page-bg);box-sizing:border-box;flex-direction:column;flex:1;justify-content:center;align-items:center;width:100%;max-width:420px;min-height:100vh;margin:0 auto;padding:20px 16px;display:flex}.demo-stack{flex-direction:column;align-items:center;gap:16px;width:100%;display:flex}.demo-preview{background:var(--demo-blue);cursor:pointer;border:none;border-radius:9999px;flex-shrink:0;place-items:center;width:48px;height:48px;padding:0;transition:box-shadow .15s;display:grid;box-shadow:0 1px 2px #0000000f}.demo-preview:focus-visible{outline:2px solid var(--demo-blue);outline-offset:2px}.demo-dots{box-sizing:border-box;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;width:100%;min-height:14px;padding-block:4px;display:flex}.demo-dots__dot{background:#d1d5db;border-radius:50%;flex-shrink:0;width:6px;height:6px}.demo-dots__dot--active{background:var(--demo-blue)}.icon-grid{grid-template-columns:repeat(5,32px);justify-content:center;gap:8px;width:max-content;max-width:100%;margin-inline:auto;display:grid}@media (max-width:220px){.icon-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;width:100%}.icon-grid__btn{aspect-ratio:1;width:100%;max-width:32px;height:auto;margin-inline:auto}}.icon-grid__btn{border:1px solid var(--demo-border-off);cursor:pointer;width:32px;height:32px;color:var(--demo-icon-off);background:#fff;border-radius:8px;place-items:center;padding:0;transition:border-color .15s,transform .12s;display:grid}.icon-grid__btn:not(.icon-grid__btn--on):hover{border-color:#d0d0d0}.icon-grid__btn:active{background:#fff}.icon-grid__btn:focus-visible{outline:2px solid var(--demo-blue);outline-offset:2px}.icon-grid__btn--on{border-color:var(--demo-blue)}.demo-footnote{color:var(--demo-text-muted);text-align:center;max-width:22rem;margin:14px 0 0;font-size:.75rem;line-height:1.35}.demo-morph-wrap{justify-content:center;align-items:center;line-height:0;display:inline-flex}
.morph-icons-experiment-root .demo-page{background:0 0;flex:none;width:100%;max-width:420px;min-height:0;margin:0 auto;padding:8px 4px}
.radial-menu-module__k46gEG__radialRoot{--rm-gray2:#191919;--rm-gray3:#222;--rm-gray5:#313131;--rm-gray9:#6e6e6e;--rm-gray11:#b3b3b3;--rm-gray12:#eee;z-index:0;isolation:isolate;border:1px solid var(--rm-gray5);touch-action:none;pointer-events:auto;border-radius:9999px;width:250px;height:250px;position:relative;overflow:visible;box-shadow:0 10px 20px #00000038}.radial-menu-module__k46gEG__arcRail{border:8px solid var(--rm-gray3);border-radius:inherit;z-index:-1;width:calc(100% + 24px);height:calc(100% + 24px);position:absolute;inset:-12px}.radial-menu-module__k46gEG__arcRail:after{content:"";border-radius:inherit;pointer-events:none;z-index:1;background:conic-gradient(from var(--a),transparent 83.5%,var(--rm-gray9)0,var(--rm-gray9)100%);-webkit-mask-composite:xor;padding:8px;position:absolute;inset:-8px;-webkit-mask-image:linear-gradient(#000,#000),linear-gradient(#000,#000);mask-image:linear-gradient(#000,#000),linear-gradient(#000,#000);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.radial-menu-module__k46gEG__arcRailMuted:after{opacity:0}.radial-menu-module__k46gEG__ringList{border-radius:inherit;width:100%;height:100%;box-shadow:0 0 0 4px var(--rm-gray2);position:relative;overflow:hidden}.radial-menu-module__k46gEG__centerHub{z-index:3;border:1px solid var(--rm-gray5);background:var(--rm-gray2);border-radius:9999px;justify-content:center;align-items:center;width:125px;height:125px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.radial-menu-module__k46gEG__centerHub:after{content:"";border-radius:inherit;border:1px solid var(--rm-gray5);pointer-events:none;position:absolute;inset:4px}.radial-menu-module__k46gEG__wedgeBase{--a:30deg;transform-origin:100% 100%;width:240px;height:240px;box-shadow:0 0 0 1px var(--rm-gray5);color:var(--rm-gray11);background:var(--rm-gray3);font-size:24px;transition:background .25s,color .25s;position:absolute;bottom:50%;right:50%;overflow:hidden}.radial-menu-module__k46gEG__wedgeBase svg{display:block;position:absolute;top:0;left:0}.radial-menu-module__k46gEG__radialRoot[data-reduced-motion] .radial-menu-module__k46gEG__wedgeBase{transition:none}.radial-menu-module__k46gEG__wedgeHover{cursor:pointer}.radial-menu-module__k46gEG__wedgeActive,.radial-menu-module__k46gEG__wedgeHover:hover{background:var(--rm-gray5);color:var(--rm-gray12)}.radial-menu-module__k46gEG__wedgeNth1{transform:rotate(calc(var(--a)*-1))skew(var(--a))}.radial-menu-module__k46gEG__wedgeNth2{transform:rotate(var(--a))skew(var(--a))}.radial-menu-module__k46gEG__wedgeNth3{transform:rotate(calc(var(--a)*3))skew(var(--a))}.radial-menu-module__k46gEG__wedgeNth4{transform:rotate(calc(var(--a)*5))skew(var(--a))}.radial-menu-module__k46gEG__wedgeNth5{transform:rotate(calc(var(--a)*7))skew(var(--a))}.radial-menu-module__k46gEG__wedgeNth6{transform:rotate(calc(var(--a)*9))skew(var(--a))}