.dpStage{--wx:12;--wy:0;perspective:2000px;perspective-origin:50% 10%;position:relative}.dpStage:after{content:"";filter:blur(8px);height:70px;transform:translateX(calc(var(--wy) * -4px));pointer-events:none;background:radial-gradient(#00000080 0%,#0000 70%);border-radius:50%;transition:transform .6s cubic-bezier(.22,.8,.2,1);position:absolute;bottom:-54px;left:10%;right:10%}.dpWin{z-index:1;backdrop-filter:blur(18px)saturate(160%);transform:rotateX(calc(var(--wx) * 1deg)) rotateY(calc(var(--wy) * 1deg));transform-origin:50% 60%;background:linear-gradient(#28468280 0%,#0d1a38b8 100%);border:1px solid #edf0f729;border-radius:28px;padding:14px 18px 20px;transition:transform .6s cubic-bezier(.22,.8,.2,1);position:relative;box-shadow:inset 0 1px #ffffff29,0 2px #ffffff0a,0 10px 0 -4px #0a142ce6,0 18px 0 -8px #081024cc,0 60px 120px #00000073}.dpWin:after{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(112deg,#fff0 38%,#ffffff1f 48%,#fff0 58%) 0 0/260% 100%;background-position:calc(50% - var(--wy) * 6%) 0;transition:background-position .6s cubic-bezier(.22,.8,.2,1);position:absolute;inset:0}.dpBar{gap:7px;padding:2px 4px 12px;display:flex}.dpBar span{background:#edf0f738;border-radius:50%;width:10px;height:10px}.dpBar span:first-child{background:#f15e27}.dpModes{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.dpMode{-webkit-appearance:none;-moz-appearance:none;appearance:none;color:#edf0f7;font:inherit;text-align:left;cursor:pointer;background:linear-gradient(#ffffff14 0%,#ffffff05 100%);border:1px solid #edf0f71f;border-radius:20px;flex-direction:column;align-items:flex-start;gap:10px;padding:22px 18px 16px;transition:transform .45s cubic-bezier(.32,.72,0,1),border-color .45s,background .45s,box-shadow .45s;display:flex;position:relative}.dpMode:hover,.dpMode:focus-visible,.dpMode[data-open]{background:linear-gradient(#ffffff1f 0%,#ffffff0a 100%);border-color:#f15e2773;transform:translateY(-6px);box-shadow:0 26px 44px -16px #0009}.dpNum{color:#9dbbe6;margin-top:4px;font-size:12px}.dpT{letter-spacing:-.01em;font-size:18px;font-weight:800;line-height:1.2}.dpFlow{background:#060c1c59;border:1px solid #edf0f714;border-radius:16px;width:240px;max-width:none;margin-top:auto;overflow:hidden}.dpT{margin-bottom:6px}.dpMode .fi-pop{color:#182a52;background:#fff;box-shadow:0 24px 50px #00000073}@media (hover:hover) and (pointer:fine){html:not([data-motion=off]) .dpStage:has(.dpMode:first-child:hover){--wy:-7;--wx:9}html:not([data-motion=off]) .dpStage:has(.dpMode:nth-child(2):hover){--wy:-2.5;--wx:7}html:not([data-motion=off]) .dpStage:has(.dpMode:nth-child(3):hover){--wy:2.5;--wx:7}html:not([data-motion=off]) .dpStage:has(.dpMode:nth-child(4):hover){--wy:7;--wx:9}}.dpWin{animation:1.4s cubic-bezier(.22,.8,.2,1) .35s both dpIn}@keyframes dpIn{0%{opacity:0;translate:0 90px;rotate:x 30deg;scale:.92}to{opacity:1;translate:0;rotate:x 0deg;scale:1}}html[data-motion=off] .dpWin{animation:none}@media (prefers-reduced-motion:reduce){html:not([data-motion=on]) .dpWin{animation:none}html:not([data-motion=on]) .dpStage{--wx:12!important;--wy:0!important}}.dpStrip{grid-template-columns:repeat(7,minmax(0,1fr));gap:12px;display:grid}.dpGrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.dpTile{-webkit-appearance:none;-moz-appearance:none;appearance:none;color:#182a52;font:inherit;text-align:center;cursor:pointer;background:#fff;border:1px solid #182a521a;border-radius:22px;flex-direction:column;align-items:center;gap:12px;padding:24px 12px 18px;transition:transform .45s cubic-bezier(.32,.72,0,1),box-shadow .45s,border-color .45s;display:flex;position:relative}.dpTile:hover,.dpTile:focus-visible,.dpTile[data-open]{border-color:#182a5247;outline:none;transform:translateY(-6px);box-shadow:0 22px 44px #182a5229}.dpTile:focus-visible{outline-offset:2px;outline:2px solid #f15e27}.dpL{letter-spacing:-.005em;font-size:14.5px;font-weight:700;line-height:1.3}.dpTile .limit{margin-top:-4px}.dpStrip .fi-pop{width:260px}.dpStrip>.fi-tip:first-child>.fi-pop{transform-origin:20% 100%;left:0;transform:translateY(8px)scale(.96)}.dpStrip>.fi-tip:last-child>.fi-pop{transform-origin:80% 100%;left:auto;right:0;transform:translateY(8px)scale(.96)}.dpStrip>.fi-tip:first-child:is(:hover,:focus-visible,[data-open])>.fi-pop,.dpStrip>.fi-tip:last-child:is(:hover,:focus-visible,[data-open])>.fi-pop{transform:translate(0)scale(1)}@media (width<=1100px){.dpModes{grid-template-columns:repeat(2,minmax(0,1fr))}.dpStrip{grid-template-columns:repeat(8,minmax(0,1fr))}.dpStrip>*{grid-column:span 2}.dpStrip>:nth-child(5){grid-column:2/span 2}.dpStrip>.fi-tip:last-child>.fi-pop{transform-origin:50% 100%;left:50%;right:auto;transform:translate(-50%,8px)scale(.96)}.dpStrip>.fi-tip:last-child:is(:hover,:focus-visible,[data-open])>.fi-pop{transform:translate(-50%)scale(1)}.dpStrip>.fi-tip:nth-child(4)>.fi-pop,.dpGrid>.fi-tip:nth-child(4n)>.fi-pop{transform-origin:80% 100%;left:auto;right:0;transform:translateY(8px)scale(.96)}.dpGrid>.fi-tip:nth-child(4n+1)>.fi-pop{transform-origin:20% 100%;left:0;right:auto;transform:translateY(8px)scale(.96)}.dpStrip>.fi-tip:nth-child(4):is(:hover,:focus-visible,[data-open])>.fi-pop,.dpGrid>.fi-tip:is(:nth-child(4n),:nth-child(4n+1)):is(:hover,:focus-visible,[data-open])>.fi-pop{transform:translate(0)scale(1)}}@media (width<=900px){.dpTop{grid-template-columns:minmax(0,1fr)!important;gap:28px!important}}@media (width<=760px){.dpStage{--wx:8}.dpWin{border-radius:22px;padding:10px 10px 12px}.dpModes{gap:10px}.dpMode{border-radius:16px;gap:8px;padding:16px 12px 12px}.dpT{font-size:15px}.dpFlow{zoom:.56}.dpStrip,.dpGrid{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.dpStrip>*,.dpGrid>*{grid-column:span 2}.dpStrip>:nth-child(5){grid-column:auto/span 2}.dpStrip>:nth-child(7){grid-column:3/span 2}.dpGrid>:nth-child(7){grid-column:2/span 2}.dpGrid>:nth-child(8){grid-column:4/span 2}.dpTile{border-radius:18px;gap:10px;padding:18px 6px 14px}.dpL{font-size:13px}.dpModes>.fi-tip>.fi-pop,.dpStrip>.fi-tip>.fi-pop,.dpGrid>.fi-tip>.fi-pop{width:min(260px,100vw - 32px)}.dpModes>.fi-tip:nth-child(odd)>.fi-pop,.dpStrip>.fi-tip:nth-child(3n+1):not(:nth-child(7))>.fi-pop,.dpGrid>.fi-tip:nth-child(3n+1):not(:nth-child(7))>.fi-pop{transform-origin:20% 100%;left:0;right:auto;transform:translateY(8px)scale(.96)}.dpModes>.fi-tip:nth-child(2n)>.fi-pop,.dpStrip>.fi-tip:nth-child(3n)>.fi-pop,.dpGrid>.fi-tip:nth-child(3n)>.fi-pop{transform-origin:80% 100%;left:auto;right:0;transform:translateY(8px)scale(.96)}.dpModes>.fi-tip:is(:hover,:focus-visible,[data-open])>.fi-pop,.dpStrip>.fi-tip:is(:nth-child(3n+1),:nth-child(3n)):not(:nth-child(7)):is(:hover,:focus-visible,[data-open])>.fi-pop,.dpGrid>.fi-tip:is(:nth-child(3n+1),:nth-child(3n)):not(:nth-child(7)):is(:hover,:focus-visible,[data-open])>.fi-pop{transform:translate(0)scale(1)}.dpStrip>.fi-tip:nth-child(7)>.fi-pop,.dpGrid>.fi-tip:is(:nth-child(5),:nth-child(7))>.fi-pop{transform-origin:50% 100%;left:50%;right:auto;transform:translate(-50%,8px)scale(.96)}.dpStrip>.fi-tip:nth-child(7):is(:hover,:focus-visible,[data-open])>.fi-pop,.dpGrid>.fi-tip:is(:nth-child(5),:nth-child(7)):is(:hover,:focus-visible,[data-open])>.fi-pop{transform:translate(-50%)scale(1)}}.dpMT{flex-direction:column;align-items:flex-start;gap:6px;display:flex}.dpMT .dpT{margin-bottom:0}.dpMode .fi-line{max-width:32ch;margin-bottom:10px}.dpTx{flex-direction:column;align-items:center;gap:6px;width:100%;display:flex}.dpTx .fi-line{max-width:30ch}.dpChips{flex-wrap:wrap;justify-content:center;gap:6px;margin-top:4px;display:flex}.dpChips .limit{margin-top:0}.dpPlain{cursor:default}.dpStrip{grid-template-columns:repeat(8,minmax(0,1fr));gap:14px}.dpStrip>*{grid-column:span 2}.dpStrip>:nth-child(5){grid-column:2/span 2}@media (width<=1100px){.dpStrip,.dpGrid{grid-template-columns:repeat(4,minmax(0,1fr))}.dpStrip>*,.dpGrid>*{grid-column:span 2}.dpStrip>:nth-child(5){grid-column:auto/span 2}.dpStrip>:nth-child(7){grid-column:2/span 2}}@media (width<=760px){.dpModes{grid-template-columns:minmax(0,1fr)}.dpMode{flex-direction:row;align-items:center;gap:14px;padding:12px 14px}.dpMode .fi{--z:48px}.dpMT{gap:3px}.dpNum{margin-top:0}.dpMode .fi-line{max-width:none;margin-bottom:0}.dpFlow{display:none!important}.dpStrip,.dpGrid{gap:10px;grid-template-columns:minmax(0,1fr)!important}.dpStrip>.dpTile,.dpGrid>.dpTile{grid-column:1/-1!important}.dpTile{text-align:left;border-radius:18px;flex-direction:row;align-items:center;gap:14px;padding:14px}.dpTile .fi{--z:48px}.dpTx{align-items:flex-start;gap:3px}.dpTx .fi-line{max-width:none}.dpChips{justify-content:flex-start;margin-top:3px}.dpL{font-size:14px}.dpModes>.fi-tip>.fi-pop,.dpStrip>.fi-tip>.fi-pop,.dpGrid>.fi-tip>.fi-pop{transform-origin:50% 100%!important;left:50%!important;right:auto!important;transform:translate(-50%,8px)scale(.96)!important}.dpModes>.fi-tip:is(:hover,:focus-visible,[data-open])>.fi-pop,.dpStrip>.fi-tip:is(:hover,:focus-visible,[data-open])>.fi-pop,.dpGrid>.fi-tip:is(:hover,:focus-visible,[data-open])>.fi-pop{transform:translate(-50%)scale(1)!important}}