.hc-new-root{--hc-new-pager-rail:18px;height:100%}.hc-new-shell{grid-template-columns:var(--hc-new-pager-rail) minmax(0, 1fr) var(--hc-new-pager-rail);grid-template-rows:var(--hc-new-pager-rail) minmax(0, 1fr) var(--hc-new-pager-rail);opacity:1;transform-origin:50%;grid-template-areas:"top top top""left body right""bottom bottom bottom";height:100%;transition:opacity .8s,scale .5s cubic-bezier(.22,1,.36,1);display:grid;scale:1}@starting-style{.hc-new-shell{opacity:0;scale:.8}}.hc-new-rail{justify-content:center;align-items:center;min-width:0;min-height:0;display:flex;position:relative;overflow:visible}.hc-new-rail--top{grid-area:top}.hc-new-rail--right{grid-area:right}.hc-new-rail--bottom{grid-area:bottom}.hc-new-rail--left{grid-area:left}.hc-new-viewport{touch-action:none;background:var(--surface-soft);border:1px solid var(--surface-divider);box-shadow:var(--card-box-shadow);border-radius:var(--card-radius,1rem);grid-area:body;position:relative;overflow:hidden}@supports (corner-shape:squircle){.hc-new-viewport{corner-shape:squircle}}.hc-new-track{will-change:transform;height:100%}.hc-new-slide{transform-origin:50%;pointer-events:none;will-change:transform, opacity, scale;position:absolute;inset:0}.hc-new-slide.is-active{pointer-events:auto}.hc-new-pager{--hc-new-hover-scale:1;transform-origin:50%;width:max-content;min-width:0;min-height:0;scale:var(--hc-new-hover-scale);pointer-events:auto;border-radius:999px;justify-content:center;align-items:center;gap:.4rem;margin:0;transition:scale .18s,opacity .18s;display:flex;position:relative}.hc-new-pager--x{flex-direction:row}.hc-new-pager--y,.hc-new-pager.pager--vertical{flex-direction:column}.hc-new-dot{color:#0000;cursor:pointer;background:#737373;border:0;border-radius:999px;flex:none;place-items:center;block-size:8px;inline-size:8px;padding:0;font-size:0;font-weight:850;transition:inline-size .15s,block-size .15s,background .15s,color .15s,font-size .15s,opacity .15s,transform .15s;display:grid}.hc-new-dot.is-active{background:var(--accent,#8b5cf6)}.hc-new-dot:focus-visible{outline:2px solid var(--accent,#8b5cf6);outline-offset:2px}@media (hover:hover) and (pointer:fine){.hc-new-pager:hover{--hc-new-hover-scale:1.65}.hc-new-pager:hover .hc-new-dot{color:#ffffffe6;background:#737373;block-size:22px;inline-size:22px;font-size:.55rem}.hc-new-pager:hover .hc-new-dot.is-active{background:var(--accent,#8b5cf6);color:#fff}}.hc-new-flip-scene{perspective-origin:50%;width:100%;min-width:0;height:100%;min-height:0;position:relative}.hc-new-flip-card{width:100%;min-width:0;height:100%;min-height:0;transform-style:preserve-3d;-webkit-transform-style:preserve-3d;transform-origin:50%;will-change:transform;position:relative}.hc-new-flip-face{background:var(--card-bg);border-radius:var(--card-radius,1rem);backface-visibility:hidden;width:100%;min-width:0;height:100%;min-height:0;padding:.4rem;position:absolute;inset:0;overflow:hidden}@supports (corner-shape:squircle){.hc-new-flip-face{corner-shape:squircle}}.hc-new-flip-front{transform:rotateY(0)}.hc-new-flip-back{transform:rotateY(180deg)}.hc-new-flip-card:not(.is-flipped) .hc-new-flip-back,.hc-new-flip-card.is-flipped .hc-new-flip-front{pointer-events:none}
