.wc-drupal{--wc-color:#1672b8}.dc-grid{position:absolute;inset:7% 3% 0;background:radial-gradient(#719ddf30 .8px,transparent .8px);background-size:17px 17px;mask-image:radial-gradient(ellipse,#000 35%,transparent 72%)}.dc-core{position:absolute;left:39%;top:31%;width:108px;height:99px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:#fff;border:1px solid #bfd7f0;border-radius:19px;box-shadow:0 13px 40px #1672b81a;z-index:3;color:#30567a;font:8px/1.5 monospace}.dc-core>.menu-brand-art{width:42px;height:42px}.dc-core img{width:40px;height:40px}.dc-field{position:absolute;display:flex;gap:12px;align-items:center;width:155px;min-height:48px;padding:10px 13px;border:1px solid #d1e2f6;border-radius:11px;background:#fff;color:#30567a;font:9px/1.5 monospace;box-shadow:0 7px 19px #1672b808;z-index:2;animation:wc-float 8s ease-in-out infinite paused}.dc-field-0{left:3%;top:4%}.dc-field-1{left:0;top:35%;animation-delay:-3s}.dc-field-2{left:8%;top:67%;animation-delay:-5s}.dc-field-type{display:grid;place-items:center;flex-shrink:0;width:25px;height:25px;background:#edf5ff;border-radius:7px;font:600 15px/1 Georgia,serif}.dc-field>i{width:19px;height:2px;margin-left:auto;background:#b6cce8}.dc-link{position:absolute;left:22%;width:27%;top:21%;height:2px;background:#b8d0ee;transform:rotate(27deg);transform-origin:left;overflow:hidden}.dc-link-two{top:43%;transform:none}.dc-link-three{top:76%;transform:rotate(-35deg)}.dc-link i{position:absolute;inset:0;background:linear-gradient(90deg,transparent 38%,#1478c9 49%,transparent 60%);animation:wc-packet 5s linear infinite paused}.dc-output{position:absolute;right:0;top:12%;width:34%;height:235px;background:#fff;border:1px solid #c7daf1;border-radius:14px;padding:15px;box-shadow:0 16px 35px #1672b80c;transition:transform .4s}.dc-output-bar{display:flex;align-items:center;gap:8px;border-bottom:1px solid #dbe7f6;padding-bottom:12px}.dc-output-bar>i{width:14px;height:14px;border-radius:50%;background:#83bde6}.dc-output-bar>span{width:20px;height:3px;background:#bdcfe7;margin-left:auto}.dc-output-body{padding-top:20px;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.dc-output-body>span{height:4px;background:#acc7e4;grid-column:1/-1}.dc-output-body>span+span{width:70%;height:3px;margin-bottom:9px}.dc-output-body>i{height:87px;background:linear-gradient(145deg,#cce8f9,#e7efff);border-radius:6px}.dc-language{position:absolute;right:5%;bottom:8%;display:flex;gap:6px;transition:transform .4s}.dc-language span{display:grid;place-items:center;width:35px;height:28px;border:1px solid #c7daf1;border-radius:7px;background:#fff;color:#30567a;font-size:9px}.dc-language span:first-child{color:#fff;background:#166cb0}.wc-motion-active :is(.dc-field,.dc-link i){animation-play-state:running}[data-wc-scene="1"] .dc-output{transform:translate3d(-9px,9px,0)}[data-wc-scene="1"] .dc-output-body>i{height:25px;grid-column:1/-1;background:#b9d9f2}[data-wc-scene="2"] .dc-language{transform:translate3d(-15px,-24px,0)}[data-wc-scene="2"] .dc-output-body>i{background:linear-gradient(145deg,#c9e1e5,#e5e1f5)}
@media(max-width:1050px){.dc-field{width:123px;padding:9px;gap:7px}.dc-core{left:37%;width:93px}.dc-output{width:31%;padding:11px}.dc-field>i{width:11px}.dc-link{left:20%;width:25%}}
@media(max-width:760px){.dc-field{width:116px;font-size:8px}.dc-core{left:35%;top:34%;width:83px;height:90px;font-size:7px}.dc-core img{width:34px;height:34px}.dc-output{top:14%;height:208px;width:31%;padding:10px}.dc-output-body{gap:6px}.dc-output-body>i{height:67px}.dc-link{left:21%;width:25%}.dc-language{right:0;bottom:6%}.dc-language span{width:29px;height:25px}.dc-field-0{left:1%}.dc-field-2{left:3%}}