.dm .dmImg {display:flex;align-items:center;justify-content:center;}.dm .image {width:80%;display:flex;}.dm .image .imgGroup {width:30%;display:inline-block;}.dm .image .imgGroup .img-text {position:relative;z-index:9;font-size:18px;}.dm .image img {width:100%;padding:0 1rem;}.dm .image i {position:relative;z-index:10;}.dm .item-text {width:20%;font-size:20px;position:relative;z-index:10;}@media (max-width:768px) {.dm .dmImg {display:block;}.dm .image {width:100%;}.dm .item-text {margin-top:2rem;width:100%;}}.dmImg .image img:hover, .dmImg .image img:focus {animation:bounce-scale 0.6s ease-in-out;}@keyframes bounce-scale {0% { transform:scale(1); }30%{ transform:scale(1.15); }60%{ transform:scale(0.95); }100% { transform:scale(1.1); }}.table-wrapper {width:99%;position:relative;display:inline-block;}.tableVS {width:100%;border-collapse:collapse;position:relative;z-index:2; background:transparent;}.tableVS td, .tableVS th {text-align:center;padding:15px 0;position:relative;}.tableVS i {position:absolute;top:40%;padding-left:.5rem;transform:rotate(10deg);color:#b55b30; animation:colorChange 1s infinite;}@keyframes colorChange {0% { color:#b55b30; }50% { color:#d8b5a5; }100% { color:#b55b30; }}svg.table-border {position:absolute;top:0; left:0;width:100%; height:100%;pointer-events:none;z-index:1; }.ipadGroup {position:relative;overflow:hidden;img{width:20rem;}.pieces{animation:shakyBusy 1.5s infinite;will-change:transform;top:0;position:absolute;width:20rem;height:100%;z-index:1;display:flex;flex-wrap:wrap;left:50%;transform:translate(-50%, 0%);.piece {width:50%;height:50%;background-image:url('/public/images/dm/ipad-busy.png');background-size:200% 200%;position:relative;animation:shatter 5s ease-in-out infinite;}.p0 { background-position:0% 0%; animation-delay:0s; }.p1 { background-position:100% 0%; animation-delay:0.1s; }.p2 { background-position:0% 100%; animation-delay:0.2s; }.p3 { background-position:100% 100%; animation-delay:0.3s; }.p0 { --x:-80px; --y:-80px; --r:-30deg; }.p1 { --x:80px;--y:-60px; --r:25deg; }.p2 { --x:-60px; --y:70px;--r:20deg; }.p3 { --x:90px;--y:80px;--r:-25deg; }}}@keyframes shakyBusy {0% { transform:translate(-50%, 0) rotate(0deg); }25%{ transform:translate(calc(-50% + 2px), -2px) rotate(1deg); }50%{ transform:translate(calc(-50% - 2px), 2px) rotate(-1deg); }75%{ transform:translate(calc(-50% + 1px), -1px) rotate(0.5deg); }100% { transform:translate(-50%, 0) rotate(0deg); }}@keyframes shatter {0% {transform:translate(0, 0) rotate(0deg);opacity:1;}30% {transform:translate(var(--x), var(--y)) rotate(var(--r));opacity:0;}60% {transform:translate(0, 0) rotate(0deg);opacity:1;}100% {transform:translate(0, 0) rotate(0deg);opacity:1;}}.devicesGroup {display:flex;justify-content:center;align-items:center;gap:5rem;.label {font-size:13px;margin-top:6px;color:#5b4c43;display:block;word-wrap:break-word; white-space:normal; }#textTip {width:30%;display:flex;flex-direction:column;gap:20px;position:relative;.deviceNote{width:30rem;height:8.8rem;display:grid;place-items:center;font-size:2rem;div{font-weight:bold;line-height:1.8;}}}#devices {width:10%;display:flex;flex-direction:column;gap:20px;position:relative;cursor:pointer;}#devices:hover {animation:bounce-scale 1s ease 1;}.device {background:#fffcf1;padding:10px;border-radius:12px;box-shadow:0 2px 6px rgb(0 0 0 / 0.1);user-select:none;position:relative;transition:transform 0.8s ease, opacity 0.8s ease;text-align:center;}.device img {width:100px;height:auto;display:block;margin:0 auto;}#trashbin {font-size:72px;position:relative;}#lid {position:absolute;top:0px;left:0px;width:80px;height:20px;background:#5b4c43;border-radius:4px 4px 0 0;transform-origin:right center;transition:transform 0.5s ease;transform:rotate(0deg);}#lid.closed {transform:rotate(27deg);transform-origin:right center;}}@media (max-width:1180px) {.devicesGroup {#textTip {width:32%;gap:0;.deviceNote{font-size:1.8rem;}}.device {width:100px;}.device img {width:5rem;}}}@media (max-width:944px) {.devicesGroup {#textTip {width:35%;.deviceNote{font-size:1.6rem;}}}}@media (max-width:944px) {.devicesGroup {gap:4.2rem;#textTip {width:38%;.deviceNote{font-size:1.7rem;}}}}@media (max-width:768px) {.devicesGroup {gap:3.2rem;#textTip {width:50%;}#devices {img{width:5rem;}.deviceNote{width:10rem;height:7.5rem;}}#trashbin {img{width:5rem;}}#lid {width:75px;}}}@media (max-width:630px) {.devicesGroup {gap:4.3rem;#textTip {.deviceNote{font-size:1.7rem;width:26rem;}}.device {}#devices {img{width:4rem;}}}}@media (max-width:560px) {.devicesGroup {gap:4.3rem;#textTip {.deviceNote{font-size:1.4rem;width:14rem;}}.device {width:75px;}#devices {img{width:4rem;}}#trashbin {img{width:3rem;}}#lid {width:45px;top:16px;}}}@media (max-width:350px) {.devicesGroup {gap:4.3rem;#textTip {.deviceNote{font-size:1.2rem;}}}}