.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}@media(max-width:749px){.ubanner-img--desktop{display:none}.ubanner-img--mobile{display:block}.ubanner--small .ubanner-slide{height:40vh}.ubanner--medium .ubanner-slide{height:60vh}.ubanner--large .ubanner-slide{height:80vh}}.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/10/assets/utopia-banner.css.map */