.dd-tile{z-index:60;position:fixed;bottom:20px;right:20px}.dd-label{color:#fff;white-space:nowrap;opacity:0;pointer-events:none;background:#006574;border:2px solid #fff;border-radius:8px;padding:8px;font-size:12px;font-weight:300;transition:opacity .25s,transform .25s;position:absolute;bottom:calc(100% + 10px);right:0;box-shadow:6px 6px 20px #0006}.dd-link{border-radius:9px;outline:none;place-items:center;width:60px;height:60px;display:grid;position:relative}.dd-link:focus-visible{box-shadow:0 0 0 2px #fff,0 0 0 4px #274653}.dd-layers{width:60px;height:60px;transition:transform .3s;position:relative}.dd-layers span{background:#274653;border:1px solid #274653;border-radius:9px;transition:all .3s;position:absolute;inset:0}.dd-logo{place-items:center;padding:9px;display:grid}.dd-logo img{filter:brightness(0)invert();width:auto;height:37px}.dd-tile:hover .dd-label,.dd-tile:focus-within .dd-label{opacity:1;transform:translateY(-2px)}.dd-tile:hover .dd-layers,.dd-tile:focus-within .dd-layers{transform:rotate(-35deg)skew(20deg)}.dd-tile:hover .dd-layers span,.dd-tile:focus-within .dd-layers span{background:#006574;border-color:#fff}.dd-tile:hover .dd-layers span:first-child,.dd-tile:focus-within .dd-layers span:first-child{opacity:.2}.dd-tile:hover .dd-layers span:nth-child(2),.dd-tile:focus-within .dd-layers span:nth-child(2){opacity:.4;transform:translate(3.5px,-3.5px)}.dd-tile:hover .dd-layers span:nth-child(3),.dd-tile:focus-within .dd-layers span:nth-child(3){opacity:.6;transform:translate(7px,-7px)}.dd-tile:hover .dd-layers span:nth-child(4),.dd-tile:focus-within .dd-layers span:nth-child(4){opacity:.8;transform:translate(10.5px,-10.5px)}.dd-tile:hover .dd-layers span:nth-child(5),.dd-tile:focus-within .dd-layers span:nth-child(5){opacity:1;transform:translate(14px,-14px)}@media (prefers-reduced-motion:reduce){.dd-label,.dd-layers,.dd-layers span{transition:none}.dd-tile:hover .dd-layers,.dd-tile:focus-within .dd-layers,.dd-tile:hover .dd-layers span,.dd-tile:focus-within .dd-layers span{transform:none}}