.dc-prac-hero{isolation:isolate;background:#100c1a;border-radius:16px;position:relative;overflow:hidden}.dc-prac-hero-media{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.dc-prac-hero-wash{background:linear-gradient(#0a081280 0%,#0a08126b 30%,#0a0812c7 62%,#0a0812eb 100%);position:absolute;inset:0}.dc-prac-hero-body{flex-direction:column;gap:12px;display:flex}@media (min-width:1024px) and (max-width:1279px){.dc-prac-title{font-size:40px}}.dc-prac-title{overflow-wrap:break-word}.dc-prac-hero-inner{flex-direction:column;justify-content:flex-end;gap:20px;min-height:220px;padding:24px 20px 20px;display:flex;position:relative}@media (min-width:1024px){.dc-prac-hero-inner{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);align-items:stretch;gap:40px;min-height:460px;padding:32px 32px 32px 40px;display:grid}.dc-prac-hero-inner>.dc-prac-hero-body{align-self:center;gap:16px}}.dc-prac-pick{-webkit-backdrop-filter:blur(24px)saturate(160%);backdrop-filter:blur(24px)saturate(160%);background:#0a081280;border:1px solid #ffffff29;border-radius:20px;flex-direction:row;align-items:flex-start;gap:14px;padding:16px;transition:border-color .15s,background-color .15s;display:flex;position:relative}@media (min-width:1024px){.dc-prac-pick{border-radius:24px;flex-direction:row;align-items:stretch;gap:24px;padding:20px}}.dc-prac-pick-cover{aspect-ratio:1;background:#ffffff1a;border-radius:14px;flex-shrink:0;width:104px;display:block;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff26}@media (min-width:1024px){.dc-prac-pick-cover{border-radius:16px;align-self:center;width:clamp(180px,20vw,300px)}}.dc-prac-pick:hover{background:#0a081294;border-color:#ffffff47}.dc-prac-pick-play{z-index:2;cursor:pointer;color:#0f131a;background:#fff;border:none;border-radius:999px;justify-content:center;align-items:center;gap:8px;width:100%;height:44px;margin-top:auto;transition:background-color .15s;display:inline-flex;position:relative}.dc-prac-pick-play:hover{background:#ffffffe0}.dc-prac-rec{--dc-prac-frost:linear-gradient(to bottom, #fffc 0%, #ffffffe6 100%);isolation:isolate;width:176px;box-shadow:inset 0 0 0 1px var(--border);border-radius:22px;flex-direction:column;gap:12px;padding:12px;display:flex;position:relative;overflow:hidden}.dark .dc-prac-rec{--dc-prac-frost:linear-gradient(to bottom, #0a081299 0%, #0a0812c2 100%)}@media (min-width:1024px){.dc-prac-rec{width:200px}}.dc-prac-rec.dc-prac-rec-fill{width:100%;min-width:0}@media (min-width:1024px){.dc-prac-rec.dc-prac-rec-fill{padding:14px}}.dc-prac-rec-ground{z-index:-2;object-fit:cover;filter:blur(38px)saturate(180%);pointer-events:none;width:100%;height:100%;position:absolute;inset:0;transform:scale(1.6)}.dc-prac-rec-frost{z-index:-1;background:var(--dc-prac-frost);pointer-events:none;position:absolute;inset:0}.dc-prac-glass{color:#0f131a;-webkit-backdrop-filter:blur(28px)saturate(180%);backdrop-filter:blur(28px)saturate(180%);background:#ffffffb3;border:1px solid #ffffff59;border-radius:999px;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.dark .dc-prac-glass{color:#fff;background:#0f131a99;border-color:#ffffff1f}.dc-prac-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 12px;display:grid}@media (min-width:768px){.dc-prac-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px 16px}}.dc-topics{--dc-tone-0:#a5b4ff;--dc-tone-1:#ffb37a;--dc-tone-2:#7ee2a8;--dc-tone-3:#7fe8e0;--dc-tone-4:#ff9c8a;--dc-tone-5:#7fdcff;--dc-tone-6:#e2b8ff;--dc-tone-7:#ff9cc6;--dc-tone-8:#ffa8d9;--dc-tone-9:#ffe07a;--dc-tone-10:#c4f08a;--dc-tone-11:#c9a8ff;scrollbar-width:none;flex-wrap:nowrap;gap:10px;margin:0 -8px;padding:2px 8px 4px;display:flex;overflow-x:auto}.dc-topics::-webkit-scrollbar{display:none}@media (min-width:640px){.dc-topics{flex-wrap:wrap;margin:0;padding:0;overflow:visible}}.dc-topic{--tone:var(--foreground);--ink:color-mix(in oklab, var(--tone) 50%, #000);cursor:pointer;white-space:nowrap;border:1px solid color-mix(in oklab, var(--ink) 32%, transparent);background:color-mix(in oklab, var(--ink) 10%, transparent);height:44px;color:var(--foreground);font-family:var(--font-brand);border-radius:999px;flex-shrink:0;align-items:center;gap:9px;padding:0 18px 0 14px;font-size:15px;font-weight:400;line-height:1;transition:filter .15s,background-color .15s;display:inline-flex}.dc-topic:hover{filter:brightness(.96)}.dc-topic:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.dc-topic-dot{background:var(--ink);border-radius:999px;flex-shrink:0;width:8px;height:8px}.dc-topic[aria-pressed=true]{border-color:var(--ink);background:var(--ink);color:var(--background);font-weight:600}.dc-topic[aria-pressed=true] .dc-topic-dot{background:var(--background)}.dc-topic-all{--ink:var(--foreground);padding:0 18px}.dark .dc-topic{--ink:var(--tone);border-color:color-mix(in oklab, var(--tone) 32%, transparent);background:color-mix(in oklab, var(--tone) 12%, transparent)}.dark .dc-topic:hover{filter:brightness(1.18)}.dark .dc-topic[aria-pressed=true]{border-color:var(--tone);background:var(--tone)}.dc-topic[data-tone="0"]{--tone:var(--dc-tone-0)}.dc-topic[data-tone="1"]{--tone:var(--dc-tone-1)}.dc-topic[data-tone="2"]{--tone:var(--dc-tone-2)}.dc-topic[data-tone="3"]{--tone:var(--dc-tone-3)}.dc-topic[data-tone="4"]{--tone:var(--dc-tone-4)}.dc-topic[data-tone="5"]{--tone:var(--dc-tone-5)}.dc-topic[data-tone="6"]{--tone:var(--dc-tone-6)}.dc-topic[data-tone="7"]{--tone:var(--dc-tone-7)}.dc-topic[data-tone="8"]{--tone:var(--dc-tone-8)}.dc-topic[data-tone="9"]{--tone:var(--dc-tone-9)}.dc-topic[data-tone="10"]{--tone:var(--dc-tone-10)}.dc-topic[data-tone="11"]{--tone:var(--dc-tone-11)}.dc-len-button{--dc-len-accent:#0a7fa8;cursor:pointer;white-space:nowrap;border:1px solid color-mix(in oklab, var(--foreground) 28%, transparent);height:44px;color:var(--foreground);font-family:var(--font-brand);background:0 0;border-radius:999px;align-items:center;gap:8px;padding:0 16px;font-size:15px;transition:border-color .15s,background-color .15s;display:inline-flex}.dc-len-button.is-set{border-color:color-mix(in oklab, var(--foreground) 50%, transparent)}.dc-len-button[aria-expanded=true]{border-color:var(--foreground);background:color-mix(in oklab, var(--foreground) 10%, transparent)}.dc-len-button:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.dc-len-timer,.dc-len-reset{color:var(--dc-len-accent,#0a7fa8)}.dark .dc-len-button,.dark .dc-len-timer,.dark .dc-len-reset,.dark .dc-len-menu{--dc-len-accent:#7fdcff}.dc-len-reset{font:inherit;text-decoration:none}.dc-len-reset:hover{text-decoration:underline}.dc-len-menu{--dc-len-accent:#0a7fa8;z-index:30;border:1px solid color-mix(in oklab, var(--foreground) 16%, transparent);background:var(--card);border-radius:22px;outline:none;width:280px;margin:0;padding:10px;list-style:none;position:absolute;top:calc(100% + 12px);right:0;box-shadow:0 24px 60px #0000002e}.dark .dc-len-menu{background:#1b202a;box-shadow:0 24px 60px #00000080}.dc-len-row{cursor:pointer;color:var(--foreground);font-family:var(--font-brand);border-radius:14px;align-items:center;gap:12px;padding:12px;font-size:16px;display:flex}.dc-len-row.is-on,.dc-len-row.is-active{background:color-mix(in oklab, var(--foreground) 8%, transparent)}.dc-len-row.is-off{cursor:default;color:color-mix(in oklab, var(--foreground) 35%, transparent);background:0 0}.dc-len-radio{border:2px solid color-mix(in oklab, var(--foreground) 45%, transparent);border-radius:999px;flex-shrink:0;width:18px;height:18px}.dc-len-row.is-on .dc-len-radio{border:6px solid var(--dc-len-accent)}.dc-len-row.is-off .dc-len-radio{border-color:color-mix(in oklab, var(--foreground) 20%, transparent)}.dc-len-count{color:var(--muted-foreground);font-size:14px}
/*# sourceMappingURL=0xwdqukv4i9vw.css.map*/