.wrapper{width:100%;background-color:var(--color-bg-inverse);border-radius:20px 20px 0 0;position:fixed;left:0;bottom:0;z-index:9999}.wrapper .container{padding:30px 0 0 0;margin:0 auto;width:100%}.wrapper .picker{display:flex;justify-content:space-evenly;margin:0 0 8px 0;position:relative}.wrapper .picker::before{content:":";position:absolute;top:50%;left:64%;transform:translate(-50%,-50%);font-size:var(--font-size-18);color:var(--color-text-primary)}.wrapper .picker .single-ampm{margin:auto 0;color:var(--color-text-primary)!important;border-top:var(--border-width-1) solid var(--color-border-brand);border-bottom:var(--border-width-1) solid var(--color-border-brand);width:40px!important;height:auto!important;font-size:var(--font-size-18);font-weight:var(--font-weight-m);text-align:center}.wrapper .swiper-container{text-align:center}.wrapper .swiper-wrapper{flex-direction:column}.wrapper .swiper-vertical{overflow:hidden;height:102px}.wrapper .swiper-slide{opacity:.5;color:var(--color-text-disabled);width:40px!important;height:auto!important;font-size:var(--font-size-18);font-weight:var(--font-weight-m)}.wrapper .swiper-slide-active{opacity:1!important;color:var(--color-text-primary)!important;border-top:var(--border-width-1) solid var(--color-border-brand);border-bottom:var(--border-width-1) solid var(--color-border-brand)}.wrapper .swiper-slide-next,.wrapper .swiper-slide-prev{opacity:.75}.wrapper .buttons{display:flex;gap:16px;padding:20px;width:100%}.wrapper .buttons button{display:block;margin:0 auto;width:100%;height:50px;line-height:50px;background-color:var(--color-bg-brand);text-align:center;border-radius:var(--border-radius-12);color:var(--color-text-inverse)}.wrapper .buttons .cancle{width:100%;border:var(--border-width-1) solid var(--color-border-brand);background-color:var(--color-bg-inverse);color:var(--color-texr-brand)}