.UIDesignGrid-module__Hx-P8G__grid{grid-template-columns:minmax(0,1fr);gap:20px;padding-block:8px 24px;display:grid}.UIDesignGrid-module__Hx-P8G__card{text-align:left;cursor:pointer;border-radius:12px;width:100%;min-width:0;padding:0;transition:transform .35s;display:block;position:relative}.UIDesignGrid-module__Hx-P8G__window{background:#0a0a0f;border:1px solid #ffffff1a;border-radius:12px;height:clamp(280px,100vw,400px);transition:border-color .2s,box-shadow .2s;display:block;position:relative;overflow:hidden}.UIDesignGrid-module__Hx-P8G__cover{width:100%;height:auto;transition:transform 7s ease-in-out;display:block;transform:translateY(0)}.UIDesignGrid-module__Hx-P8G__card:focus-visible{outline-offset:4px;outline:2px solid #c084fc}.UIDesignGrid-module__Hx-P8G__error{color:#f5f5f5;place-items:center;font-size:14px;display:grid;position:absolute;inset:0}.UIDesignGrid-module__Hx-P8G__dialog{color:#f5f5f5;background:#0a0a0ff0;border:0;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;position:fixed;inset:0;overflow:hidden}.UIDesignGrid-module__Hx-P8G__dialog::backdrop{background:#000c}.UIDesignGrid-module__Hx-P8G__viewport{overscroll-behavior:contain;justify-content:center;align-items:center;height:100%;padding:52px 48px;display:flex;overflow:auto}.UIDesignGrid-module__Hx-P8G__imageButton{cursor:zoom-in;flex:none;max-width:100%;display:block}.UIDesignGrid-module__Hx-P8G__fullImage{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:calc(100dvh - 104px);display:block}.UIDesignGrid-module__Hx-P8G__zoomed{align-items:flex-start}.UIDesignGrid-module__Hx-P8G__zoomed .UIDesignGrid-module__Hx-P8G__imageButton{cursor:zoom-out;width:min(100%,1000px)}.UIDesignGrid-module__Hx-P8G__zoomed .UIDesignGrid-module__Hx-P8G__fullImage{width:100%;max-height:none}.UIDesignGrid-module__Hx-P8G__toolbar{z-index:2;background:#15101e;border:1px solid #a855f759;border-radius:12px;display:flex;position:absolute;top:8px;right:8px;overflow:hidden}.UIDesignGrid-module__Hx-P8G__toolbar button,.UIDesignGrid-module__Hx-P8G__arrow{cursor:pointer;place-items:center;width:44px;height:44px;font-size:24px;display:grid}.UIDesignGrid-module__Hx-P8G__toolbar button:hover,.UIDesignGrid-module__Hx-P8G__arrow:hover{background:#681e99}.UIDesignGrid-module__Hx-P8G__dialog button:focus-visible{outline-offset:-3px;outline:2px solid #c084fc}.UIDesignGrid-module__Hx-P8G__arrow{background:#15101e;border-radius:10px;position:absolute;top:50%;transform:translateY(-50%)}.UIDesignGrid-module__Hx-P8G__previous{left:4px}.UIDesignGrid-module__Hx-P8G__next{right:4px}.UIDesignGrid-module__Hx-P8G__counter{pointer-events:none;background:#15101e;border-radius:20px;padding:4px 12px;font-size:12px;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}.UIDesignGrid-module__Hx-P8G__loading{pointer-events:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media (min-width:640px){.UIDesignGrid-module__Hx-P8G__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}}@media (min-width:1280px){.UIDesignGrid-module__Hx-P8G__grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:639px){.UIDesignGrid-module__Hx-P8G__viewport{padding-inline:12px}}@media (hover:hover) and (pointer:fine){.UIDesignGrid-module__Hx-P8G__card:hover{z-index:1;transform:scale(1.035)}.UIDesignGrid-module__Hx-P8G__card:hover .UIDesignGrid-module__Hx-P8G__window{border-color:#a855f799;box-shadow:0 0 25px #681e992e}.UIDesignGrid-module__Hx-P8G__card:hover .UIDesignGrid-module__Hx-P8G__cover{transform:translateY(var(--preview-offset,0px))}}@media (prefers-reduced-motion:reduce){.UIDesignGrid-module__Hx-P8G__card,.UIDesignGrid-module__Hx-P8G__window,.UIDesignGrid-module__Hx-P8G__cover{transition:none}.UIDesignGrid-module__Hx-P8G__card:hover,.UIDesignGrid-module__Hx-P8G__card:hover .UIDesignGrid-module__Hx-P8G__cover{transform:none}}