.collections-picker{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;pointer-events:none}.collections-picker.is-open{pointer-events:auto}.collections-picker__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;border:none;padding:0;margin:0;background:#020806b8;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);opacity:0;transition:opacity .38s ease;cursor:pointer}.collections-picker.is-open .collections-picker__backdrop{opacity:1}.collections-picker__sheet{position:absolute;left:0;right:0;bottom:0;display:flex;flex-direction:column;max-height:min(88vh,720px);padding:0 1rem 1.25rem;padding-bottom:max(1.25rem,env(safe-area-inset-bottom));border-radius:1.35rem 1.35rem 0 0;border:1px solid rgba(0,255,156,.18);border-bottom:none;background:linear-gradient(180deg,#0c1c14fa,#040907fc);box-shadow:0 -24px 64px #0000008c,0 0 48px #00ff9c14;transform:translateY(105%);transition:transform .46s cubic-bezier(.22,1,.36,1);will-change:transform}.collections-picker.is-open .collections-picker__sheet{transform:translateY(0)}.collections-picker__handle{flex-shrink:0;width:2.75rem;height:.25rem;margin:.65rem auto .85rem;border-radius:9999px;background:#ffffff47}.collections-picker__header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem;padding-inline:.25rem}.collections-picker__title{margin:0;font-family:Outfit,Plus Jakarta Sans,sans-serif;font-size:clamp(1.35rem,4vw,1.65rem);font-weight:800;line-height:1.15;letter-spacing:-.02em}.collections-picker__title-a{color:#f9fff5}.collections-picker__title-b{background:linear-gradient(135deg,#6ee7b7,#22c55e);-webkit-background-clip:text;background-clip:text;color:transparent}.collections-picker__close{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border:1px solid rgba(0,255,156,.16);border-radius:9999px;background:#00ff9c0f;color:#a7f3d0;cursor:pointer;transition:background .22s ease,border-color .22s ease,color .22s ease}.collections-picker__close:hover{background:#00ff9c1f;border-color:#00ff9c47;color:#ecfdf5}.collections-picker__scroll{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding-inline:.25rem;padding-bottom:.25rem;scrollbar-width:none;-ms-overflow-style:none}.collections-picker__scroll::-webkit-scrollbar{display:none;width:0;height:0}.collections-picker__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem}.collections-picker__tile{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;aspect-ratio:1;min-height:6.5rem;padding:.5rem .35rem .55rem;border-radius:.875rem;overflow:hidden;text-decoration:none;border:1px solid rgba(0,255,156,.12);background:#040c09f2;opacity:0;transform:translateY(12px) scale(.96);transition:transform .28s cubic-bezier(.22,1,.36,1),border-color .22s ease,box-shadow .22s ease,opacity .28s ease;transition-delay:calc(var(--tile-i, 0) * 35ms)}.collections-picker.is-open .collections-picker__tile{opacity:1;transform:translateY(0) scale(1)}.collections-picker__tile:hover{border-color:#00ff9c52;box-shadow:0 12px 28px #00000059,0 0 24px #00ff9c1a;transform:translateY(-2px) scale(1.02)}.collections-picker__tile-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.collections-picker__tile-bg img{width:100%;height:100%;object-fit:cover;transform:scale(1.05);transition:transform .35s ease}.collections-picker__tile:hover .collections-picker__tile-bg img{transform:scale(1.1)}.collections-picker__tile-shade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#04090759,#0409078c 45%,#040907e0)}.collections-picker__tile-body{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:.35rem;width:100%}.collections-picker__tile-icon{display:flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;border-radius:.625rem;overflow:hidden;border:1px solid rgba(255,255,255,.14);box-shadow:0 6px 16px #00000059;background:#04090780}.collections-picker__tile-icon img{width:100%;height:100%;object-fit:cover}.collections-picker__tile-label{font-family:Inter,sans-serif;font-size:.625rem;font-weight:700;line-height:1.25;text-align:center;color:#f9fff5;text-shadow:0 1px 6px rgba(0,0,0,.55);word-break:break-word}@media(min-width:768px){.collections-picker__sheet{left:50%;right:auto;bottom:auto;top:50%;width:min(32rem,calc(100% - 2.5rem));max-height:none;padding:1.35rem 1.5rem 1.5rem;border-radius:1.25rem;border-bottom:1px solid rgba(0,255,156,.18);transform:translate(-50%,calc(-50% + 1.25rem)) scale(.97);opacity:0;transition:transform .46s cubic-bezier(.22,1,.36,1),opacity .38s ease}.collections-picker.is-open .collections-picker__sheet{transform:translate(-50%,-50%) scale(1);opacity:1}.collections-picker__handle{display:none}.collections-picker__header{margin-bottom:1.125rem;padding-inline:0}.collections-picker__scroll{overflow:visible;padding-inline:0;padding-bottom:0}.collections-picker__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;width:100%;max-width:26rem;margin-inline:auto}.collections-picker__tile{min-height:0;aspect-ratio:1;border-radius:.875rem;padding:.45rem .35rem .6rem}.collections-picker__tile-icon{width:2.75rem;height:2.75rem}.collections-picker__tile-label{font-size:.8125rem;line-height:1.25;letter-spacing:-.01em}}@media(min-width:1024px){.collections-picker__sheet{width:min(34rem,calc(100% - 3rem));padding:1.5rem 1.75rem 1.75rem}.collections-picker__grid{max-width:28rem;gap:.875rem}.collections-picker__tile-icon{width:3rem;height:3rem}.collections-picker__tile-label{font-size:.875rem}}@media(max-width:399.98px){.collections-picker__grid{gap:.5rem}.collections-picker__tile-icon{width:2.35rem;height:2.35rem}.collections-picker__tile-label{font-size:.5625rem}}@media(prefers-reduced-motion:reduce){.collections-picker__backdrop,.collections-picker__sheet,.collections-picker__tile{transition:none}.collections-picker__tile{opacity:1;transform:none}.collections-picker__tile:hover{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/collections-picker.css.map */