@property --bc-angle{syntax:"<angle>";inherits:true;initial-value:0deg}@keyframes composition-module__zT6a5a__bc-spin{to{--bc-angle:360deg}}@keyframes composition-module__zT6a5a__bc-pulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}.composition-module__zT6a5a__sheet{--ink:#e6efff;--ease:cubic-bezier(.65, 0, .35, 1);--duration:1.2s;height:min(72svh,640px);min-height:480px;color:var(--ink);perspective:1600px;background-color:#0f3a8a;background-image:linear-gradient(#ffffff29 1px,#0000 1px),linear-gradient(90deg,#ffffff29 1px,#0000 1px),linear-gradient(#ffffff12 1px,#0000 1px),linear-gradient(90deg,#ffffff12 1px,#0000 1px);background-position:-1px -1px;background-size:100px 100px,100px 100px,20px 20px,20px 20px;border-radius:1rem;place-items:center;display:grid;position:relative;overflow:hidden}.composition-module__zT6a5a__rig{transform-style:preserve-3d;transition:translate var(--duration) var(--ease);animation:3s linear infinite composition-module__zT6a5a__bc-spin;translate:-110px 100px}.composition-module__zT6a5a__assembled .composition-module__zT6a5a__rig{translate:0}.composition-module__zT6a5a__stack{width:300px;height:92px;transform-style:preserve-3d;transition:transform var(--duration) var(--ease);position:relative;transform:rotateX(58deg)rotate(-38deg)}.composition-module__zT6a5a__assembled .composition-module__zT6a5a__stack{transform:rotateX(0)rotate(0)}.composition-module__zT6a5a__layer{transform-style:preserve-3d;transform:translateZ(var(--z));outline-offset:8px;transition:transform var(--duration) var(--ease), outline-color .5s ease;border-radius:9999px;outline:1px dashed #e6efff99;position:absolute;inset:0}.composition-module__zT6a5a__assembled .composition-module__zT6a5a__layer{transform:translateZ(var(--flat));outline-color:#0000}.composition-module__zT6a5a__glow{background:conic-gradient(from var(--bc-angle), #f97316, #a855f7, #ec4899, #f97316);filter:blur(30px);opacity:.5;border-radius:9999px;animation:2s ease-in-out infinite composition-module__zT6a5a__bc-pulse;position:absolute;inset:-15px}.composition-module__zT6a5a__border{background:conic-gradient(from var(--bc-angle), #f97316, #a855f7, #ec4899, #f97316);border-radius:9999px;position:absolute;inset:0}.composition-module__zT6a5a__fill{background:var(--background);border-radius:9999px;position:absolute;inset:3px}.composition-module__zT6a5a__label{color:var(--ink);transition:color var(--duration) var(--ease);place-items:center;font-size:22px;font-weight:500;display:grid;position:absolute;inset:0}.composition-module__zT6a5a__assembled .composition-module__zT6a5a__label{color:var(--foreground)}.composition-module__zT6a5a__note{white-space:nowrap;font-family:var(--font-mono);transform-origin:0;flex-direction:column;gap:4px;font-size:11px;line-height:1.3;transition:opacity .4s;display:flex;position:absolute;top:50%;left:calc(100% + 64px);transform:translateY(-50%)rotate(38deg)rotateX(-58deg)}.composition-module__zT6a5a__note strong{letter-spacing:.12em;font-size:12px}.composition-module__zT6a5a__note:before{content:"";border-top:1px dashed #e6efffb3;width:48px;position:absolute;top:8px;right:calc(100% + 8px)}.composition-module__zT6a5a__assembled .composition-module__zT6a5a__note{opacity:0}.composition-module__zT6a5a__header{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;font-size:11px;position:absolute;top:20px;left:24px}.composition-module__zT6a5a__titleBlock{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;border:1px solid #e6efff99;grid-template-columns:auto auto;font-size:10px;display:grid;position:absolute;bottom:20px;right:20px}.composition-module__zT6a5a__titleBlock>div{border:.5px solid #e6efff59;padding:6px 10px}.composition-module__zT6a5a__titleBlock span{opacity:.75;font-size:9px;display:block}@media (max-width:767px){.composition-module__zT6a5a__rig{translate:-50px 60px;scale:.5}.composition-module__zT6a5a__assembled .composition-module__zT6a5a__rig{translate:0}.composition-module__zT6a5a__titleBlock{display:none}}@media (prefers-reduced-motion:reduce){.composition-module__zT6a5a__rig,.composition-module__zT6a5a__glow{animation:none}.composition-module__zT6a5a__rig,.composition-module__zT6a5a__stack,.composition-module__zT6a5a__layer,.composition-module__zT6a5a__label,.composition-module__zT6a5a__note{transition:none}}
