.examples-swiper.swiper{display:block;list-style:none;margin-left:auto;margin-right:auto;overflow:hidden;padding:0;position:relative;z-index:1}.examples-swiper .swiper-wrapper{box-sizing:content-box;display:flex;height:100%;position:relative;transition-property:transform;width:100%;z-index:1}.examples-swiper .swiper-slide{display:block;flex-shrink:0;height:auto;position:relative;transition-property:transform}.examples-carousel{margin-top:40px;position:relative}.examples-swiper{-webkit-mask:linear-gradient(90deg,transparent,#000 13%,#000 87%,transparent);mask:linear-gradient(90deg,transparent,#000 13%,#000 87%,transparent)}.examples-nav{display:flex;gap:10px;justify-content:flex-end;margin-top:18px}.examples-next,.examples-prev{align-items:center;background:#fff;border:1px solid var(--line);border-radius:50%;color:var(--head);cursor:pointer;display:flex;font-size:16px;height:42px;justify-content:center;transition:.15s;width:42px}.examples-next:hover,.examples-prev:hover{border-color:var(--purple);color:var(--purple)}.examples-next.swiper-button-disabled,.examples-prev.swiper-button-disabled{cursor:default;opacity:.35}.examples-swiper .swiper-wrapper{align-items:center}.examples-swiper .swiper-slide{opacity:.45;transform:scale(.82);transition:transform .45s ease,opacity .45s ease}.examples-swiper .swiper-slide-active{opacity:1;transform:scale(1)}.example-card{aspect-ratio:1/1;background-color:#f3eeff;background-position:0 0;background-repeat:no-repeat;background-size:cover;border:1px solid rgba(47,22,84,.1);border-radius:16px;box-shadow:0 8px 24px rgba(47,22,84,.08);cursor:pointer;display:block;overflow:hidden;padding:0;position:relative;text-align:left;transition:transform .18s,box-shadow .18s;width:100%}.example-card:hover{box-shadow:0 16px 36px rgba(47,22,84,.16);transform:translateY(-3px)}.example-card-overlay{display:none}.example-card-content{backdrop-filter:blur(10px) saturate(1.1);-webkit-backdrop-filter:blur(10px) saturate(1.1);background:rgba(16,8,34,.86);border-top:1px solid hsla(0,0%,100%,.12);bottom:0;display:flex;flex-direction:column;gap:6px;left:0;padding:16px 18px;position:absolute;right:0;z-index:2}.example-card-name{color:#fff;font-family:var(--font-head);font-size:17px;font-weight:700}.example-card-desc{color:hsla(0,0%,100%,.85);display:-webkit-box;font-size:12.5px;-webkit-line-clamp:2;line-height:1.4;-webkit-box-orient:vertical;overflow:hidden}.example-card-cta{align-items:center;color:#fff;display:inline-flex;font-family:var(--font-body);font-size:12.5px;font-weight:700;gap:4px;margin-top:4px}.example-card-play{align-items:center;background:rgba(20,12,40,.55);border-radius:50%;display:flex;height:54px;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:transform .18s,background .18s;width:54px;z-index:2}.example-card-play:after{border-bottom:10px solid transparent;border-left:16px solid #fff;border-top:10px solid transparent;content:"";margin-left:4px}.example-card:hover .example-card-play{background:rgba(145,70,255,.75);transform:translate(-50%,-50%) scale(1.08)}.example-modal-video{width:100%}.example-modal-video iframe{aspect-ratio:16/9;border:0;display:block;width:100%}.example-modal-image-wrap.is-video{background:#000;cursor:default;max-height:none}.example-card-by{align-items:center;display:flex;gap:11px;margin-top:12px}.example-by-avatar{border:1px solid hsla(0,0%,100%,.5);border-radius:50%;flex-shrink:0;height:34px;object-fit:cover;width:34px}.example-by-text{display:flex;flex-direction:column;line-height:1.3;min-width:0}.example-by-text b{color:#fff;font-size:14px;font-weight:700}.example-by-text span{color:hsla(0,0%,100%,.85);font-size:12px}.example-modal-by{align-items:center;border-top:1px solid rgba(47,22,84,.1);display:flex;gap:13px;margin-top:18px;padding-top:18px}.example-modal-by[hidden]{display:none}.example-modal-avatar{border-radius:50%;flex-shrink:0;height:44px;object-fit:cover;width:44px}.example-modal-by-name{color:var(--head);font-family:var(--font-head);font-size:15px;font-weight:700}.example-modal-by-meta{color:var(--mute);font-size:13px}.theme-dark .example-modal-by{border-top:1px solid hsla(0,0%,100%,.1)}.example-modal{align-items:center;display:none;inset:0;justify-content:center;padding:16px;position:fixed;z-index:100}.example-modal.open{display:flex}.example-modal-backdrop{backdrop-filter:blur(2px);background:rgba(47,22,84,.55);inset:0;position:absolute}.example-modal-panel{background:#fff;border-radius:18px;box-shadow:0 30px 80px rgba(0,0,0,.3);max-height:94vh;max-width:1400px;overflow:auto;position:relative;width:96vw;z-index:1}.example-modal-image-wrap{align-items:center;background:#f3eeff;display:flex;justify-content:center;max-height:80vh;overflow:auto;width:100%}.example-modal-image{cursor:zoom-in;display:block;height:auto;width:100%}.example-modal-image-wrap.zoomed{align-items:flex-start;justify-content:flex-start}.example-modal-image-wrap.zoomed .example-modal-image{cursor:zoom-out;height:auto;max-width:none;width:auto}.example-modal-body{padding:28px}.example-modal-name{font-size:22px;margin-bottom:10px}.example-modal-desc{color:var(--mute);font-size:15px;line-height:1.55}.example-modal-close{background:hsla(0,0%,100%,.9);box-shadow:0 4px 12px rgba(0,0,0,.15);font-size:20px;height:36px;line-height:1;right:14px;top:14px;width:36px}.example-modal-arrow,.example-modal-close{border:none;border-radius:50%;color:var(--head);cursor:pointer;position:absolute;z-index:2}.example-modal-arrow{align-items:center;background:hsla(0,0%,100%,.92);box-shadow:0 6px 18px rgba(0,0,0,.2);display:flex;font-size:18px;height:48px;justify-content:center;top:50%;transform:translateY(-50%);transition:.15s;width:48px}.example-modal-arrow:hover{background:#fff;color:var(--purple)}.example-modal-prev{left:16px}.example-modal-next{right:16px}.theme-dark .example-modal-panel{background:#1a1036;box-shadow:0 30px 80px rgba(0,0,0,.6)}.theme-dark .example-modal-backdrop{background:rgba(0,0,0,.62)}.theme-dark .example-modal-image-wrap{background:#13243a}.theme-dark .example-modal-arrow,.theme-dark .example-modal-close{background:rgba(40,26,72,.92);box-shadow:0 6px 18px rgba(0,0,0,.4);color:var(--head)}.theme-dark .example-modal-arrow:hover{background:#241844;color:var(--purple)}.theme-dark .examples-next,.theme-dark .examples-prev{background:#1a1036;border:1px solid hsla(0,0%,100%,.16);color:var(--head)}.theme-dark .examples-next:hover,.theme-dark .examples-prev:hover{border-color:var(--purple);color:var(--purple)}@media(max-width:700px){.examples-carousel{margin-top:28px}.example-card{aspect-ratio:3/4}.example-card-content{gap:5px;padding:13px 15px}.example-card-desc{-webkit-line-clamp:2}.example-card-by{gap:9px;margin-top:9px}.example-by-avatar{height:28px;width:28px}.example-by-text b{font-size:13px}.example-by-text span{font-size:11px}.example-modal-panel{max-height:85vh}.example-modal-image-wrap{max-height:40vh}.example-modal-body{padding:20px}.example-modal-arrow{font-size:15px;height:38px;width:38px}.example-modal-prev{left:6px}.example-modal-next{right:6px}}