.zoomable-image{position:relative;overflow:hidden;cursor:pointer;height:100%}.zoomable-image__img{width:100%;height:100%;object-fit:cover;display:block;transition:transform var(--duration-slow) var(--ease-smooth);will-change:transform}.zoomable-image:not(.zoomable-image--zoomed):hover .zoomable-image__img{transform:scale(var(--scale-hover-subtle))}.zoomable-image--zoomed{cursor:none}.zoomable-image__zoom-btn{position:absolute;bottom:16px;left:16px;z-index:5;width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;background-color:rgba(145,120,89,.75);color:var(--base-gray-100);backdrop-filter:blur(var(--blur-md));-webkit-backdrop-filter:blur(var(--blur-md));border:none;cursor:pointer;opacity:0;transition:opacity var(--duration-normal) var(--ease-default)}.zoomable-image__zoom-btn:after{content:"";position:absolute;inset:var(--component-button-inner-border-inset);box-shadow:inset 0 0 0 .5px var(--base-gray-100,transparent);pointer-events:none;z-index:1}.zoomable-image__zoom-btn:focus-visible{opacity:1}.zoomable-image:hover .zoomable-image__zoom-btn{opacity:1}.zoomable-image__zoom-btn--active{opacity:1;pointer-events:none;background-color:var(--component-button-primary-background);color:var(--component-button-primary-text);transition:background-color var(--duration-fast) var(--ease-default),color var(--duration-fast) var(--ease-default),box-shadow var(--duration-fast) var(--ease-default)}.ornate-frame--half-arch .zoomable-image__zoom-btn,.ornate-frame--half-pill .zoomable-image__zoom-btn{left:auto;right:16px}@media (hover:none){.zoomable-image__zoom-btn{opacity:1}}.image-carousel{position:relative;width:100%;overflow:hidden;padding-bottom:12px}.image-carousel__track{display:flex;gap:8px;align-items:center;transition:transform var(--duration-medium) var(--ease-carousel);will-change:transform}.image-carousel__thumb{flex-shrink:0;height:90px;padding:0;border:none;background:none;cursor:pointer;overflow:visible;position:relative;opacity:var(--opacity-medium);transition:opacity var(--duration-normal) var(--ease-default)}.image-carousel__thumb--selected,.image-carousel__thumb:hover{opacity:1}.image-carousel__thumb-clip{--chamfer:6px;position:relative;display:block;width:100%;height:100%;overflow:hidden;clip-path:polygon(var(--chamfer) 0,calc(100% - var(--chamfer)) 0,100% var(--chamfer),100% calc(100% - var(--chamfer)),calc(100% - var(--chamfer)) 100%,var(--chamfer) 100%,0 calc(100% - var(--chamfer)),0 var(--chamfer))}.image-carousel__thumb-clip img,.image-carousel__thumb-clip video{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}.image-carousel__indicator{position:absolute;bottom:0;left:0;pointer-events:none;transition:transform var(--duration-medium) var(--ease-carousel),width var(--duration-medium) var(--ease-carousel);will-change:transform,width}.image-carousel__arrow{position:absolute;top:calc(50% - 14px);z-index:5;font-size:1rem;--component-button-secondary-background:rgba(142,126,104,0.5);--component-button-secondary-text:var(--base-gray-100);--component-button-inner-border-secondary:var(--base-gray-100)}.image-carousel__arrow.btn:hover{transform:none}.image-carousel__arrow.btn:disabled{opacity:var(--opacity-soft);cursor:default}.image-carousel__arrow--left{left:8px}.image-carousel__arrow--right{right:8px}@media (max-width:1024px){.image-carousel__thumb{height:64px}}