.collection-list{--collection-list-gutter: clamp(16px, 3vw, 48px);width:100%;max-width:100vw;min-width:0;margin:0;overflow-x:clip;-webkit-text-size-adjust:100%;text-size-adjust:100%}.collection-list,.collection-list *,.collection-list *:before,.collection-list *:after{box-sizing:border-box}.collection-list__inner{width:100%;min-width:0}@media screen and (max-width:989px){.collection-list__inner{padding-right:max(var(--collection-list-gutter),env(safe-area-inset-right));padding-left:max(var(--collection-list-gutter),env(safe-area-inset-left))}}.collection-list__topbar{display:flex;align-items:center;justify-content:space-between;min-width:0;min-height:2rem;margin-bottom:.5rem}.collection-list__topbar-spacer{flex:1 1 auto;min-width:0}.collection-list__grid{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 1rem) / 2.3);grid-auto-rows:1fr;gap:1rem;width:calc(100% + (var(--collection-list-gutter) * 2));max-width:none;min-width:0;margin-right:calc(var(--collection-list-gutter) * -1);margin-left:calc(var(--collection-list-gutter) * -1);padding:.5rem var(--collection-list-gutter) .75rem;overflow-x:auto;overflow-y:hidden;overscroll-behavior-inline:contain;overscroll-behavior-x:contain;scroll-padding-inline:var(--collection-list-gutter);scroll-snap-type:x mandatory;scroll-snap-type:inline mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;-webkit-tap-highlight-color:transparent;touch-action:pan-x pan-y pinch-zoom;-webkit-transform:translateZ(0);transform:translateZ(0);contain:layout paint}.collection-list__grid::-webkit-scrollbar{display:none}.collection-list__card{display:flex;flex-direction:column;min-width:0;height:100%;overflow:hidden;border:1px solid var(--color-border-subtle);border-radius:5px;background-color:var(--color-surface);box-shadow:var(--shadow-small);color:var(--color-text);text-decoration:none;scroll-snap-align:start;scroll-snap-stop:always;-webkit-tap-highlight-color:transparent;-webkit-user-drag:none;-webkit-user-select:none;user-select:none;isolation:isolate;-webkit-transform:translateZ(0);transform:translateZ(0);transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.collection-list__card:focus{outline:none}.collection-list__card:focus-visible{outline:2px solid var(--color-focus);outline-offset:3px}.collection-list__card:active{transform:scale(.985)}.collection-list__image-wrapper{position:relative;display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:1 / 1;overflow:hidden;isolation:isolate;background:linear-gradient(135deg,var(--color-background) 0%,var(--color-surface-raised) 50%,var(--color-background-subtle) 100%);-webkit-transform:translateZ(0);transform:translateZ(0)}.collection-list__image-wrapper:before{position:absolute;z-index:0;top:50%;left:50%;width:62%;aspect-ratio:1 / 1;border-radius:50%;background:#00bcd400;content:"";filter:blur(28px);opacity:.7;pointer-events:none;-webkit-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1);transition:background-color .25s ease,filter .25s ease,opacity .25s ease,transform .25s ease}.collection-list__image{position:relative;z-index:1;display:block;width:100%;height:100%;max-width:100%;padding:0!important;object-fit:contain;object-position:center;vertical-align:middle;-webkit-user-drag:none;-webkit-user-select:none;user-select:none;-webkit-transform:translateZ(0);transform:translateZ(0);transition:transform .25s ease}.collection-list__image-placeholder{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:var(--color-text-muted)}.collection-list__image-placeholder svg{width:55%;max-width:180px;height:auto;opacity:.5}.collection-list__content{display:flex;flex:1 1 auto;flex-direction:column;align-items:flex-start;justify-content:center;min-width:0;padding:.75rem;border-top:1px solid var(--color-border-subtle)}.collection-list__title{margin:0;color:var(--color-text);font-size:14px;font-weight:700;line-height:1.2;overflow-wrap:break-word;word-break:normal}.collection-list__message{margin:.5rem 0 0;color:var(--color-text-muted);line-height:1.45;overflow-wrap:break-word;word-break:normal}.collection-list__controls{display:flex;flex:0 0 auto;align-items:center;justify-content:flex-end;gap:.625rem;width:auto;min-width:0;margin:0;padding:0}.collection-list__controls[hidden]{display:none!important}.collection-list__button{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;margin:0;padding:0;border:1px solid var(--color-border-subtle);border-radius:50%;background:var(--color-surface);box-shadow:var(--shadow-small);color:var(--color-text);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background-color .16s ease,border-color .16s ease,box-shadow .16s ease,color .16s ease,transform .16s ease,opacity .16s ease}.collection-list__button svg{display:block;width:1.125rem;height:1.125rem;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2;transition:transform .16s ease}.collection-list__button--previous svg{transform:rotate(180deg)}.collection-list__button:focus{outline:none}.collection-list__button:focus-visible{outline:2px solid var(--color-focus);outline-offset:3px}.collection-list__button:active:not(:disabled){transform:scale(.94)}.collection-list__button:disabled{opacity:.38;cursor:not-allowed}@media screen and (max-width:374px){.collection-list{--collection-list-gutter: 12px}.collection-list__grid{grid-auto-columns:82%}.collection-list__content{padding:1rem}.collection-list__title{font-size:15px}}@media(hover:hover)and (pointer:fine){.collection-list__card:hover{border-color:var(--color-primary-border);box-shadow:var(--shadow-medium);transform:translateY(-2px)}.collection-list__card:hover .collection-list__image-wrapper:before{background-color:#00bcd433;filter:blur(32px);opacity:.95;-webkit-transform:translate(-50%,-50%) scale(1.12);transform:translate(-50%,-50%) scale(1.12)}.collection-list__card:hover .collection-list__image{-webkit-transform:translateZ(0) scale(1.035);transform:translateZ(0) scale(1.035)}.collection-list__button:hover:not(:disabled){border-color:var(--color-primary-border);background-color:var(--color-surface-raised);box-shadow:var(--shadow-medium);color:var(--color-primary);transform:translateY(-1px)}}@media screen and (min-width:600px)and (max-width:749px){.collection-list{--collection-list-gutter: clamp(20px, 3.5vw, 40px)}.collection-list__grid{grid-auto-columns:calc((100% - 1rem)/2)}.collection-list__content{padding:1.25rem}}@media screen and (min-width:750px)and (max-width:989px){.collection-list{--collection-list-gutter: clamp(24px, 4vw, 64px)}.collection-list__grid{grid-auto-columns:calc((100% - 2rem) / 3)}.collection-list__content{padding:1rem}}@media screen and (min-width:990px){.collection-list{overflow-x:visible}.collection-list__grid{grid-auto-columns:calc((100% - 3rem)/4);width:100%;max-width:100%;margin:0;padding:.5rem 0 .75rem;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;overscroll-behavior-inline:contain;scroll-padding-inline:0;scroll-snap-type:x mandatory;scroll-snap-type:inline mandatory;touch-action:pan-x pan-y pinch-zoom;contain:layout paint}}@media screen and (min-width:1024px)and (max-width:1900px){.collection-list__topbar{display:flex!important;align-items:center;justify-content:space-between}.collection-list__controls{display:flex!important;align-items:center;justify-content:flex-end}.collection-list__button{display:inline-flex!important}}@media screen and (min-width:1200px)and (max-width:1439px){.collection-list__grid{grid-auto-columns:calc((100% - 4rem)/5)}.collection-list__content{padding:.875rem}}@media screen and (min-width:1440px)and (max-width:1679px){.collection-list__grid{grid-auto-columns:calc((100% - 5rem) / 6)}}@media screen and (min-width:1680px)and (max-width:1900px){.collection-list__grid{grid-auto-columns:calc((100% - 6rem) / 7)}.collection-list__image{padding:0!important}.collection-list__content{padding:.75rem}}@media screen and (min-width:1901px){.collection-list__topbar,.collection-list__controls{display:none!important}.collection-list__grid{grid-auto-columns:calc((100% - 7rem)/8);padding:1.5rem 0}.collection-list__image{padding:0!important}.collection-list__content{padding:.75rem}}@media(prefers-reduced-motion:reduce){.collection-list__grid{scroll-behavior:auto}.collection-list__card,.collection-list__button,.collection-list__button svg,.collection-list__image-wrapper:before,.collection-list__image{transition-duration:.01ms!important;transition-delay:0ms!important}.collection-list__card:hover,.collection-list__card:active,.collection-list__button:hover,.collection-list__button:active{transform:none}}@media(prefers-contrast:more){.collection-list__card,.collection-list__content,.collection-list__button{border-color:var(--color-border)}.collection-list__message{color:var(--color-text)}.collection-list__card:focus-visible,.collection-list__button:focus-visible{outline-width:3px}}@supports not (aspect-ratio: 1 / 1){.collection-list__image-wrapper{height:0;padding-top:100%}.collection-list__image,.collection-list__image-placeholder{position:absolute;top:0;right:0;bottom:0;left:0}.collection-list__image{width:100%;height:100%}}
/*# sourceMappingURL=/cdn/shop/t/116/assets/collection-list.css.map */