.home-example-carousel{display:block;position:absolute;inset:0 auto auto 0;width:52%;height:calc(100vw * 1784 / 3840);color:#fff;pointer-events:none}.home-upload-entry:has(.home-example-carousel)>.home-upload-entry__pagination,.home-upload-entry:has(.home-example-carousel)>.home-upload-entry__examples{display:none}.home-example-carousel__controls{position:absolute;inset:auto 0 8%;display:flex;align-items:center;justify-content:center;gap:clamp(8px,1vw,18px);height:17%;min-height:88px;padding:10px clamp(12px,2vw,40px);box-sizing:border-box;background:#151021f5;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);pointer-events:auto}.home-example-carousel__arrow,.home-example-carousel__close{flex:0 0 44px;width:44px;height:48px;padding:0;border:1px solid #ffffff66;border-radius:12px;background:#ffffff0f;color:#fff;font:400 30px/1 sans-serif;cursor:pointer}.home-example-carousel__thumbnails{display:flex;gap:12px;min-width:0;max-width:calc(clamp(84px,8vw,154px)*4 + 44px);overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;padding:4px}.home-example-carousel__thumbnail{position:relative;display:flex;flex:0 0 clamp(84px,8vw,154px);height:clamp(60px,6.4vw,120px);padding:0;overflow:hidden;border:2px solid #ffffff70;border-radius:14px;background:#f2f2fa;cursor:pointer}.home-example-carousel__thumbnail img{display:block;width:50%;height:100%;object-fit:cover}.home-example-carousel__thumbnail img:last-child{object-fit:contain}.home-example-carousel__thumbnail span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:24px;height:24px;border:1px solid #d1c8ff;border-radius:50%;background:#6554d5;color:#fff;font:22px/1 sans-serif}.home-example-carousel__thumbnail span svg{display:block;width:60%;height:60%}.home-example-carousel__thumbnail[aria-pressed=true]{border-color:#91ffe2;box-shadow:0 0 0 2px #91ffe2}.home-example-carousel button:focus-visible,.home-example-carousel__track:focus-visible{outline:3px solid #ffe001;outline-offset:-3px}.home-example-carousel__placeholder{width:100%;height:100%;fill:#b4a9ce}.home-example-carousel__dialog{width:min(1000px,calc(100vw - 40px));max-width:none;max-height:calc(100dvh - 32px);margin:auto;padding:20px;box-sizing:border-box;overflow:auto;border:1px solid #8270bf;border-radius:24px;background:#1b142b;color:#fff;pointer-events:auto}.home-example-carousel__dialog::backdrop{background:#080512cc;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}body:has(.home-example-carousel__dialog[open]){overflow:hidden}.home-example-carousel__dialog-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.home-example-carousel__dialog-header h2{margin:0;color:inherit;font:600 clamp(16px,2vw,24px)/1.4 var(--bx-body, Montserrat, sans-serif)}.home-example-carousel__close{height:44px}.home-example-carousel__track{display:flex;height:min(65dvh,620px);overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none}.home-example-carousel__track::-webkit-scrollbar,.home-example-carousel__thumbnails::-webkit-scrollbar{display:none}.home-example-carousel__slide{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch;gap:24px;flex:0 0 100%;min-width:0;height:100%;scroll-snap-align:start;scroll-snap-stop:always;box-sizing:border-box}.home-example-carousel__photo,.home-example-carousel__figure{display:flex;align-items:center;min-width:0;overflow:hidden;border-radius:16px}.home-example-carousel__photo{background:#120d1d}.home-example-carousel__figure{background:#f2f2fa}.home-example-carousel__slide img{display:block;width:100%;height:100%;object-fit:contain}.home-example-carousel__conversion{position:absolute;z-index:1;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:40px;height:40px;border:2px solid #c0adff;border-radius:50%;background:linear-gradient(135deg,#a59aff,#5540d9);font:400 32px/1 sans-serif}.home-example-carousel__dialog-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:16px}.home-example-carousel__dialog-controls [role=status]{text-align:center;font-size:13px;line-height:1.5}@media(max-width:749px){.home-upload-entry:has(.home-example-carousel)>.home-upload-entry__art{margin-bottom:80px}.home-example-carousel{inset:58.8vw 0 auto;width:100%;height:80px;z-index:1}.home-example-carousel__controls{top:0;right:0;bottom:0;left:0;height:80px;min-height:0;padding:8px;gap:6px}.home-example-carousel__controls .home-example-carousel__arrow{flex-basis:36px;width:36px;height:44px;border-radius:10px}.home-example-carousel__thumbnails{gap:10px}.home-example-carousel__thumbnail{flex-basis:76px;height:56px;border-radius:10px}.home-example-carousel__thumbnail span{width:18px;height:18px;font-size:18px}.home-example-carousel__dialog{width:calc(100vw - 24px);padding:12px;border-radius:18px}.home-example-carousel__track{height:clamp(180px,54vw,360px)}.home-example-carousel__slide{gap:12px}.home-example-carousel__photo,.home-example-carousel__figure{border-radius:10px}.home-example-carousel__conversion{width:28px;height:28px;font-size:24px}}
/*# sourceMappingURL=/cdn/shop/t/87/assets/home-example-carousel.css.map */