.ubanner-section-wrapper.ubanner--page-width{max-width:1200px;margin:0 auto;padding-left:16px;padding-right:16px}.ubanner-carousel{position:relative;width:100%;overflow:hidden;border-radius:var(--ubanner-radius, 0)}.ubanner-track{display:flex;transition:transform .4s ease;height:100%}.ubanner-slide{flex:0 0 100%;min-width:100%;position:relative}.ubanner-link{display:block;text-decoration:none;height:100%}.ubanner-img{display:block;width:100%;height:100%;object-fit:cover}.ubanner-placeholder{display:flex;align-items:center;justify-content:center;background:#eee;color:#999;font-size:13px;min-height:200px;height:100%;text-align:center;padding:16px}.ubanner--auto .ubanner-slide,.ubanner--auto .ubanner-img,.ubanner--auto .ubanner-track{height:auto}.ubanner--small .ubanner-slide{height:30vh;min-height:220px}.ubanner--medium .ubanner-slide{height:45vh;min-height:320px}.ubanner--large .ubanner-slide{height:65vh;min-height:420px}.ubanner-img--mobile{display:none}.ubanner-caption{position:absolute;left:24px;right:24px;bottom:24px;z-index:1;pointer-events:none;display:flex}.ubanner-caption__text{display:inline-block;color:#fff;font-weight:800;font-size:26px;line-height:1.25;letter-spacing:-.01em;text-shadow:0 2px 10px rgba(0,0,0,.35);background:#0000006b;padding:12px 20px;border-radius:999px;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}@media(max-width:749px){.ubanner-img--desktop{display:none}.ubanner-img--mobile{display:block}.ubanner--small .ubanner-slide,.ubanner--medium .ubanner-slide,.ubanner--large .ubanner-slide{height:auto;aspect-ratio:1 / 1;max-height:400px}.ubanner--auto .ubanner-slide{max-height:400px}.ubanner-caption{left:12px;right:12px;bottom:12px}.ubanner-caption__text{font-size:13px;padding:7px 13px;font-weight:700}.ubanner-arrow{width:34px;height:34px}.ubanner-arrow svg{width:15px;height:15px}.ubanner-arrow--prev{left:10px}.ubanner-arrow--next{right:10px}.ubanner-dots{bottom:10px;gap:6px}.ubanner-dot{width:6px;height:6px}}.ubanner-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:44px;height:44px;border-radius:50%;border:none;background:var(--ubanner-arrow-bg, #ffffff);color:var(--ubanner-arrow-fg, #111111);cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 4px #00000026}.ubanner-arrow svg{width:20px;height:20px}.ubanner-arrow--prev{left:16px}.ubanner-arrow--next{right:16px}.ubanner-dots{position:absolute;bottom:16px;left:50%;transform:translate(-50%);z-index:2;display:flex;gap:8px}.ubanner-dot{width:8px;height:8px;border-radius:50%;border:none;background:color-mix(in srgb,var(--ubanner-dot, #ffffff) 50%,transparent);cursor:pointer;padding:0;transition:transform .2s ease}.ubanner-dot.is-active{background:var(--ubanner-dot, #ffffff);transform:scale(1.2)}
/*# sourceMappingURL=/cdn/shop/t/15/assets/utopia-banner.css.map */