.Modal__SnapScroller{position:relative;display:flex;overflow-x:scroll;overflow-y:hidden;flex:none;flex-flow:row nowrap;width:100%;height:440px;background-color:rgb(224,224,224);scroll-snap-type:x mandatory;scroll-snap-stop:always;scrollbar-width:none;scroll-behavior:smooth}.Modal__SnapScroller::-webkit-scrollbar{display:none}.snap-scroller-wrapper{position:relative}.SnapScroller__ImageContainer{width:100%;height:440px;flex-shrink:0;flex-grow:0;background:transparent;backdrop-filter:blur(10px);scroll-snap-align:center;flex:none;text-align:center}.LoadingPulse{background-color:rgba(255,255,255);animation:pulse 1s infinite}@keyframes pulse{0%{background-color:rgb(255,255,255)}50%{background-color:rgb(239,238,238)}to{background-color:rgba(255,255,255)}}.SnapScroller__Image{height:100%;object-fit:contain;display:inline-block}.ShowImage{display:inline-block}.image-pills-wrapper{display:flex;justify-content:center;overflow:auto}.image-pill{width:16px;height:4px;background-color:var(--clr-gray-background);margin-inline:4px;margin-block:1rem;border-radius:8px;transition:width .1s ease-in,background-color .1s ease-in}.image-pill-selected{width:30px;background-color:var(--clr-loom-lilac)}.rt-BaseDialogScrollPadding,.rt-DialogOverlay{padding:0}.mobile-images-modal.mobile-images-modal{max-width:none;max-height:none;height:100vh;border-radius:0;padding:0}.mobile-images-modal img{max-width:none;height:auto;width:200%}.mobile-images-modal-exit{position:fixed;right:24px;top:24px;height:40px;width:40px;border-radius:30px;background-color:var(--clr-gray-background);color:black;display:flex;justify-content:center;align-items:center}.cart-button{width:100%;height:var(--button-height);background:var(--clr-loom-lilac);color:var(--clr-neutral-100);transition:background-color .3s ease,border .3s ease,color .3s ease}.cart-button-added{background-color:var(--clr-neutral-100);border:2px solid black;color:var(--clr-neutral-900)}.test-fixed{position:fixed;height:250px;width:150px;background-color:gray;bottom:0;z-index:99999999}.view-cart-button{color:black}.ToastViewport{--viewport-padding:25px;position:fixed;bottom:0;right:0;display:flex;flex-direction:column;padding:var(--viewport-padding);gap:10px;width:390px;max-width:100vw;margin:0;list-style:none;outline:none}.ToastRoot{background-color:white;border-radius:6px;box-shadow:0 10px 38px -10px hsl(206 22% 7%/35%),0 10px 20px -15px hsl(206 22% 7%/20%);padding:15px;display:grid;grid-template-areas:"title action" "description action";grid-template-columns:auto max-content;column-gap:15px;align-items:center;z-index:9}.ToastRoot[data-state=open]{animation:slideIn .15s cubic-bezier(.16,1,.3,1)}.ToastRoot[data-state=closed]{animation:hide .1s ease-in}.ToastRoot[data-swipe=move]{transform:translateX(var(--radix-toast-swipe-move-x))}.ToastRoot[data-swipe=cancel]{transform:translateX(0);transition:transform .2s ease-out}.ToastRoot[data-swipe=end]{animation:swipeOut .1s ease-out}@keyframes hide{0%{opacity:1}to{opacity:0}}@keyframes slideIn{0%{transform:translateX(calc(100% + var(--viewport-padding)))}to{transform:translateX(0)}}@keyframes swipeOut{0%{transform:translateX(var(--radix-toast-swipe-end-x))}to{transform:translateX(calc(100% + var(--viewport-padding)))}}.ToastTitle{grid-area:title;margin-bottom:5px;font-weight:500;color:black;font-size:15px}.ToastDescription{grid-area:description;margin:0;color:black;font-size:13px;line-height:1.3}.ToastAction{grid-area:action}