.pattern-lab-root .w-18{width:4.5rem}.pattern-lab-root .h-18{height:4.5rem}.pattern-lab-root .w-4\.5{width:1.125rem}.pattern-lab-root .h-4\.5{height:1.125rem}.pattern-lab-root .w-6\.5{width:1.625rem}.pattern-lab-root .h-6\.5{height:1.625rem}.pattern-lab-root .rounded-t-7{border-top-left-radius:1.75rem;border-top-right-radius:1.75rem}.pattern-lab-root .shadow-sheet{box-shadow:0 -8px 30px #0000001f}.pattern-lab-root .shadow-quick-menu{box-shadow:0 4px 14px #0000002e}.pattern-lab-root .shadow-color-active{box-shadow:0 0 0 2px #fff, 0 0 0 4px var(--color-primary-500)}.pattern-lab-root .btn-bounce{transition:transform .12s}.pattern-lab-root .btn-bounce:active{transform:scale(.92)}.pattern-lab-root .ease-toggle-switch{transition-timing-function:cubic-bezier(.34,1.56,.64,1)}.pattern-lab-root .duration-400{transition-duration:.4s}.pattern-lab-root .touch-callout-none{-webkit-touch-callout:none}@keyframes pl-fade-in{0%{opacity:0}to{opacity:1}}@keyframes pl-fade-out{0%{opacity:1}to{opacity:0}}@keyframes pl-slide-up{0%{transform:translateY(100%)}to{transform:translate(0,0)}}.pattern-lab-root .pl-animate-fade-in{animation:.15s both pl-fade-in}.pattern-lab-slide-up{animation:.4s both pl-slide-up}@keyframes pl-content-enter{0%{opacity:0;transform:translateY(.5rem)}to{opacity:1;transform:translate(0,0)}}@keyframes pl-content-exit{0%{opacity:1;transform:translate(0,0)}to{opacity:0;transform:translateY(.5rem)}}.pattern-lab-root .pl-content-enter{animation:.22s both pl-content-enter}.pattern-lab-root .pl-content-exit{animation:.22s both pl-content-exit}