.circular-carousel{--cc-fade: #000000;--cc-radius: 12px;--cc-inner: .4;position:relative;width:100%;height:100%;overflow:hidden;outline:none;touch-action:pan-y;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}.circular-carousel[data-axis=x]{touch-action:pan-x}.circular-carousel[data-draggable]{cursor:grab}.circular-carousel[data-dragging]{cursor:grabbing}.circular-carousel:focus-visible{box-shadow:inset 0 0 0 2px #80808c8c}.circular-carousel__view{position:absolute;inset:0}.circular-carousel[data-shape=wheel] .circular-carousel__view{-webkit-mask-image:linear-gradient(to bottom,transparent,#000000 18%,#000000 82%,transparent);mask-image:linear-gradient(to bottom,transparent,#000000 18%,#000000 82%,transparent)}.circular-carousel[data-shape=panorama] .circular-carousel__view{-webkit-mask-image:linear-gradient(to right,transparent,#000000 12%,#000000 88%,transparent);mask-image:linear-gradient(to right,transparent,#000000 12%,#000000 88%,transparent)}.circular-carousel__stage{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .45s ease}.circular-carousel[data-ready] .circular-carousel__stage{opacity:1}.circular-carousel__camera,.circular-carousel__ring,.circular-carousel__card{width:0;height:0;transform-style:preserve-3d}.circular-carousel__camera{position:relative}.circular-carousel__ring,.circular-carousel__card{position:absolute;left:0;top:0}.circular-carousel__tile{position:absolute;outline:1px solid transparent;backface-visibility:hidden;-webkit-backface-visibility:hidden}.circular-carousel__frame{position:absolute;left:0;top:0;width:100%;overflow:hidden}.circular-carousel__photo{position:absolute;display:block;max-width:none;object-fit:cover;pointer-events:none;user-select:none;-webkit-user-drag:none}.circular-carousel__photo--leaving{animation:circular-carousel-leave .7s cubic-bezier(.33,1,.68,1) both}.circular-carousel__shade,.circular-carousel__inner{position:absolute;inset:0;pointer-events:none}.circular-carousel__shade{background:var(--cc-fade);opacity:var(--cc-depth, 0)}.circular-carousel__inner{background:#000;opacity:var(--cc-inner)}.circular-carousel__caption{position:absolute;left:0;right:0;bottom:22px;display:flex;flex-direction:column;align-items:center;gap:6px;padding:0 16px;color:inherit;text-align:center;pointer-events:none;animation:circular-carousel-reveal .9s ease both}.circular-carousel__title{display:flex;max-width:100%;flex-direction:column;align-items:center;font-size:15px;font-weight:500;line-height:1.35;animation:circular-carousel-title .52s cubic-bezier(.22,1,.36,1)}.circular-carousel__subtitle{font-weight:400;opacity:.6}.circular-carousel__count{display:inline-flex;align-items:center;gap:3px;font-size:12px;font-variant-numeric:tabular-nums;line-height:1;opacity:.5}.circular-carousel__slash{opacity:.6}.circular-carousel__digits{display:inline-flex}.circular-carousel__digit{display:inline-block;height:1em;overflow:hidden}.circular-carousel__reel{display:flex;flex-direction:column;transition:transform .6s cubic-bezier(.22,1,.36,1)}.circular-carousel__reel>span{height:1em}.circular-carousel__live{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}@keyframes circular-carousel-title{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes circular-carousel-leave{0%{opacity:1}to{opacity:0}}@keyframes circular-carousel-reveal{0%{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){.circular-carousel__stage,.circular-carousel__reel{transition:none}.circular-carousel__caption,.circular-carousel__title{animation:none}}.carousel-stage.official-panorama{display:block;position:relative;width:100%;height:clamp(400px,48vw,1100px);min-height:0;margin:0 auto 40px;overflow:hidden;perspective:none;transform:none;mask-image:none;padding:0;touch-action:pan-y}.carousel-stage.official-panorama>.carousel-card{display:none}.panorama-mount{width:100%;height:100%}.carousel-flip,.carousel-flip-front{position:absolute;width:0;height:0;transform-style:preserve-3d}.carousel-flip{transition:transform .5s ease;cursor:pointer}.carousel-flip[data-flipped=true]{transform:rotateY(180deg)}.carousel-flip-front{backface-visibility:hidden}.carousel-prompt-back{position:absolute;box-sizing:border-box;padding:20px;background:#1c1c22;border:1px solid #ffffff26;border-radius:12px;transform:rotateY(180deg) translateZ(1px);backface-visibility:hidden;display:flex;flex-direction:column;gap:10px;color:#f2f2f5;text-align:left}.carousel-prompt-back strong{font-size:15px;line-height:1.3}.carousel-prompt-label{font-size:9px;letter-spacing:1.4px;color:#e75b65}.carousel-prompt-toolbar{display:flex;align-items:center;justify-content:space-between;gap:8px}.carousel-copy-prompt{padding:5px 9px;border:1px solid #ffffff30;border-radius:5px;background:#ffffff08;color:#eee;font-size:10px;cursor:pointer}.carousel-copy-prompt:hover{background:#ffffff15}.carousel-copy-prompt:focus-visible{outline:2px solid #e75b65;outline-offset:2px}.carousel-copy-status{font-size:9px;color:#c6f4f3;min-height:12px}.carousel-prompt-text{min-height:0;flex:1;overflow:auto;font-size:11px;line-height:1.7;overscroll-behavior:contain;user-select:text;cursor:text;scrollbar-width:thin}.carousel-flip-hint{font-size:9px;color:#aaaab5}.carousel-prompt-back{padding:calc(20px * var(--gallery-scale,1));gap:calc(10px * var(--gallery-scale,1))}.carousel-prompt-back strong{font-size:calc(15px * var(--gallery-scale,1))}.carousel-prompt-label,.carousel-copy-status,.carousel-flip-hint{font-size:calc(9px * var(--gallery-scale,1))}.carousel-prompt-text{font-family:Arial,sans-serif;font-size:calc(11px * var(--gallery-scale,1));font-weight:400;color:#f1f1f4}#examples .carousel-copy-prompt{font:500 12px/1.2 Arial,sans-serif;padding:6px 10px;min-height:28px;width:auto;flex:none;border-radius:5px}#examples>.example-heading{text-align:center;margin:0 auto 32px;padding:0 24px}#examples>.example-heading h2{font-size:clamp(28px,3vw,42px)}#examples>.example-heading p{margin-top:10px;color:#aaaab5;font-size:14px}@media(prefers-reduced-motion:reduce){.carousel-flip{transition:none}}.panorama-mount .circular-carousel__photo{max-width:none;object-fit:cover}@media(max-width:600px){.carousel-stage.official-panorama{height:400px;width:100%;min-height:0;display:block;overflow:hidden;scroll-snap-type:none}}.carousel-stage.official-panorama{left:auto;right:auto;isolation:isolate}.carousel-stage.official-panorama{max-width:none}.panorama-mount{transform-origin:top left}.carousel-stage.official-panorama{width:80%;max-width:1920px}#examples .carousel-card img{object-fit:cover}#examples .example-notes details{margin-top:12px;font-size:13px}#examples .example-notes summary{cursor:pointer;color:#e75b65;list-style-position:inside}#examples .example-notes summary:hover{text-decoration:underline}#examples .example-notes details p{font-size:12px;line-height:1.65;margin:12px 0}#examples .example-notes details button{padding:7px 12px;border:1px solid #ffffff26;border-radius:6px;background:transparent;color:#eee;font-size:12px}#examples .example-notes .example-meta{font-size:12px;color:#92929c;margin-top:7px}@media(max-width:600px){.carousel-stage.official-panorama{width:100%}}#examples .example-notes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;margin:0 auto 24px}#examples .example-notes article{border-top:1px solid #ffffff22;padding-top:16px}#examples .example-notes p{font-size:14px;line-height:1.7;color:#aaaab5}#examples .example-notes h3{font-size:17px}#examples .carousel-stage{margin-bottom:28px}@media(max-width:900px){#examples .example-notes{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){#examples .example-notes{gap:16px}#examples .example-notes h3{font-size:15px}#examples .example-notes p{font-size:13px}}@media(max-width:700px){#examples.container{width:100%;max-width:none}#examples .section-heading{padding-inline:20px;margin-bottom:24px}#examples .carousel-stage.official-panorama{width:100%;max-width:100%;margin-bottom:16px;touch-action:pan-y;overscroll-behavior-x:contain}#examples .circular-carousel{touch-action:pan-y;user-select:none;-webkit-user-select:none}#examples .carousel-prompt-text{user-select:text;-webkit-user-select:text}#examples .carousel-prompt-back{padding:16px}}