.dd-area{position:relative;display:flex;flex-direction:column;align-items:center;gap:10px;width:100%;border:none;border-radius:24px;background:radial-gradient(ellipse at center,#FBFCFC 15%,#F1F5F5 45%,#F1FAFC 90%);overflow:hidden;isolation:isolate;text-decoration:none;color:inherit;cursor:pointer}.dd-dashborder{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:10;overflow:visible}.dd-dashborder rect{width:100%;height:100%;fill:none;stroke:#4aafc6;stroke-width:2;stroke-dasharray:6 9}.dd-ring{position:absolute;top:50%;left:50%;border-radius:50%;pointer-events:none;box-sizing:border-box;border:1.5px solid rgba(74,175,198,.55);transform:translate(-50%,-50%);filter:blur(7px);transition:width .15s ease-in,height .15s ease-in,border-width .15s ease-in,border-color .15s ease-in,filter .15s ease-in}.dd-ring-1{width:610px;height:610px;z-index:1}.dd-ring-2{width:980px;height:980px;z-index:0}.dd-area:hover .dd-ring-1{width:560px;height:560px;border-width:3px;border-color:rgba(74,175,198,.4);filter:blur(20px)}.dd-area:hover .dd-ring-2{width:714px;height:714px;border-width:2.5px;border-color:rgba(74,175,198,.4);filter:blur(15px)}.dd-papers{position:relative;width:100%;height:235px;flex-shrink:0;pointer-events:none;z-index:3}.dd-page{position:absolute;top:50%;left:50%;width:155px;height:200px;object-fit:contain;filter:drop-shadow(0 4px 41.3px rgba(117,152,160,.35));transition:transform .15s ease-in,width .15s ease-in,height .15s ease-in}.dd-page-left{transform:translate(calc(-50% - 110px),-50%) rotate(-15deg)}.dd-page-right{transform:translate(calc(-50% + 110px),calc(-50% + 7px)) rotate(15deg)}.dd-page-main{z-index:2;transform:translate(-50%,calc(-50% + 35px))}.dd-area:hover .dd-page-left{width:135.625px;height:175px;transform:translate(calc(-50% - 65px),calc(-50% + 35px)) rotate(-6deg)}.dd-area:hover .dd-page-right{width:135.625px;height:175px;transform:translate(calc(-50% + 65px),calc(-50% + 35px)) rotate(6deg)}.dd-area:hover .dd-page-main{width:139.5px;height:180px;transform:translate(-50%,calc(-50% + 80px))}.dd-text{position:relative;width:100%;text-align:center;z-index:4;pointer-events:none;flex-shrink:0;padding-top:18px}.dd-prompt{font-weight:700;font-size:25px;margin:0;line-height:1.1}.dd-help,.dd-prompt{font-family:Supreme,sans-serif;color:#4D7986}.dd-help{font-weight:400;font-size:16px;margin:4px 0 0;line-height:21px}.dd-fax{position:relative;width:450px;height:150px;flex-shrink:0;pointer-events:none;z-index:3}.dd-fax-img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.dd-fax-1{opacity:1}.dd-fax-2{opacity:0;will-change:opacity;transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;transition:opacity .15s ease-in}.dd-area:hover .dd-fax-2{opacity:1}.dd-area.drag-over{background:radial-gradient(ellipse at center,#E3F7FB 0,#D9F1F6 60%,#C5E9F0 100%);border-color:#2A7B92}@media (max-width:1024px){.dd-papers{height:200px}.dd-page{width:120px;height:155px}.dd-page-left{transform:translate(calc(-50% - 80px),-50%) rotate(-15deg)}.dd-page-right{transform:translate(calc(-50% + 80px),calc(-50% + 7px)) rotate(15deg)}.dd-page-main{transform:translate(-50%,calc(-50% + 30px))}.dd-area:hover .dd-page-left,.dd-area:hover .dd-page-right{width:105px;height:135px}.dd-area:hover .dd-page-main{width:110px;height:142px}.dd-area:hover .dd-page-left{transform:translate(calc(-50% - 50px),calc(-50% + 25px)) rotate(-6deg)}.dd-area:hover .dd-page-right{transform:translate(calc(-50% + 50px),calc(-50% + 25px)) rotate(6deg)}.dd-area:hover .dd-page-main{transform:translate(-50%,calc(-50% + 60px))}.dd-fax{width:320px;height:110px}.dd-prompt{font-size:20px}}@media (max-width:760px){.dd-text{position:relative;z-index:5;padding:8px 12px 0;visibility:visible;display:block}.dd-prompt{font-size:18px;line-height:1.2}.dd-help{font-size:13px;line-height:1.4;margin-top:4px}.dd-papers{height:170px}.dd-page{width:100px;height:130px}.dd-page-left{transform:translate(calc(-50% - 60px),-50%) rotate(-15deg)}.dd-page-right{transform:translate(calc(-50% + 60px),calc(-50% + 5px)) rotate(15deg)}.dd-page-main{transform:translate(-50%,calc(-50% + 22px))}.dd-area:hover .dd-page-left{width:88px;height:115px;transform:translate(calc(-50% - 38px),calc(-50% + 22px)) rotate(-6deg)}.dd-area:hover .dd-page-right{width:88px;height:115px;transform:translate(calc(-50% + 38px),calc(-50% + 22px)) rotate(6deg)}.dd-area:hover .dd-page-main{width:92px;height:120px;transform:translate(-50%,calc(-50% + 50px))}.dd-fax{width:260px;height:88px}}@media (prefers-reduced-motion:reduce){.dd-fax-img,.dd-page,.dd-ring{transition:none}}