.w2-oc{grid-template-columns:repeat(var(--cols), minmax(0, 1fr));gap:16px;margin:0;padding:0;list-style:none;display:grid}.w2-oc>li{display:flex}.w2-oc-card{background:var(--card);width:100%;min-height:300px;color:var(--ink);font:inherit;text-align:left;cursor:pointer;border:1px solid #0000000d;border-radius:16px;flex-direction:column;align-items:flex-start;gap:12px;padding:28px;display:flex;position:relative;overflow:hidden}.w2-oc-card.dark{color:#f5f5f7;background:#111113;border-color:#ffffff14}.w2-oc-art{width:100%;margin-bottom:auto;display:block}.w2-oc-k{color:var(--acc);letter-spacing:.04em;font-size:13px}.w2-oc-t{letter-spacing:-.03em;text-wrap:balance;font-size:clamp(22px,1.95vw,28px);font-weight:600;line-height:1.1}.w2-oc-d{color:var(--soft);max-width:36ch;font-size:16px;line-height:1.5}.w2-oc-card.dark .w2-oc-d{color:#a1a1a6}.w2-oc-plus{background:var(--x-raised);width:36px;height:36px;color:var(--ink);transition:transform .35s var(--ease), background .25s, color .25s;border-radius:50%;place-items:center;font-size:22px;line-height:1;display:grid;position:absolute;top:20px;right:20px;box-shadow:0 1px #0000000a,0 6px 16px -8px #0000004d}.w2-oc-card:hover .w2-oc-plus{background:var(--acc);color:var(--acc-ink,#fff);transform:rotate(90deg)}.w2-sheet-host{z-index:1200;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.w2-sheet-back{cursor:pointer;background:#0a0a0c6b;border:0;padding:0;position:absolute;inset:0}.w2-sheet{overscroll-behavior:contain;background:var(--x-raised);width:min(880px,100%);max-height:min(86svh,920px);color:var(--ink);border-radius:28px;position:relative;overflow:auto;box-shadow:0 40px 120px -30px #00000073}.w2-sheet.wide{width:min(1120px,100%)}.w2-sheet-in{padding:clamp(28px,4vw,56px);position:relative}.w2-sheet-x{float:right;background:var(--card);width:44px;height:44px;color:var(--ink);cursor:pointer;z-index:2;border:0;border-radius:50%;place-items:center;margin:-12px -12px 0 12px;font-size:26px;line-height:1;display:grid;position:sticky;top:0}.w2-sheet-x:hover{background:#e8e8ed}.w2-sheet-art{margin:0 0 28px}.w2-sheet .w2-kicker{margin-bottom:14px}.w2-sheet-t{letter-spacing:-.042em;text-wrap:balance;max-width:18ch;margin:0 0 24px;font-size:clamp(32px,3.6vw,52px);font-weight:600;line-height:1.02}.w2-sheet-b{flex-direction:column;gap:16px;display:flex}.w2-sheet-b p{color:var(--soft);max-width:64ch;margin:0;font-size:clamp(17px,1.32vw,19px);line-height:1.62}.w2-sheet-b strong{color:var(--ink);font-weight:560}.w2-sheet-b h4{letter-spacing:-.02em;margin:12px 0 0;font-size:21px;font-weight:600}@media (max-width:900px){.w2-oc{grid-template-columns:minmax(0,1fr);gap:12px}.w2-oc-card{min-height:0;padding:24px}.w2-sheet-host{place-items:end stretch;padding:0}.w2-sheet{border-radius:28px 28px 0 0;width:100%;max-height:90svh}}.w2-detail{border:1px solid var(--x-e12);background:var(--x-raised);height:48px;color:var(--ink);font:500 16px/1 var(--sans);cursor:pointer;border-radius:999px;align-self:flex-start;align-items:center;gap:12px;padding:0 8px 0 22px;display:inline-flex}.w2-detail i{background:var(--acc);width:32px;height:32px;color:var(--acc-ink,#fff);transition:transform .35s var(--ease);border-radius:50%;place-items:center;font-size:20px;font-style:normal;display:grid}.w2-detail{transition:border-color .2s, background .2s, transform var(--dur-press,.1s)}.w2-detail:active{transform:scale(.98)}@media (hover:hover){.w2-detail:hover{border-color:var(--ink)}.w2-detail:hover i{transform:rotate(90deg)}}.w2-detail.solo{background:0 0;border:0;justify-content:center;width:48px;padding:0}.w2-detail.solo i{width:48px;height:48px;font-size:24px}.w2-dark .w2-detail{color:#f5f5f7;background:#111113;border-color:#ffffff29}.w2-sheet-k{margin:10px 0 0}
