.card-swipe{touch-action:pan-y pinch-zoom;width:100%;height:100%;min-height:0;position:relative;overflow:visible}.card-swipe,.card-swipe-nav{-webkit-tap-highlight-color:transparent}.card-swipe-track{will-change:transform;position:absolute;inset:0}.card-swipe-slot{transform-origin:50%;will-change:transform;place-items:center;min-width:0;min-height:0;display:grid;position:absolute;inset:0}.card-swipe-slot.is-previous{filter:brightness(.55);transform:translate(-92%)scale(.78)}.card-swipe-slot.is-next{filter:brightness(.55);transform:translate(92%)scale(.78)}.card-swipe-slot.is-far.is-previous{transform:translate(-184%)scale(.78)}.card-swipe-slot.is-far.is-next{transform:translate(184%)scale(.78)}.card-swipe-slot{pointer-events:none}.card-swipe-slot.is-current>*{pointer-events:auto}.card-swipe-slot:is(.is-previous,.is-next):not(.is-far)>*{pointer-events:auto;cursor:pointer}.card-swipe-slot.is-current{z-index:2}.card-swipe-slot.is-previous,.card-swipe-slot.is-next{z-index:1}.card-swipe-slot.is-far{z-index:0}.card-swipe-nav{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);pointer-events:auto;background:#161618b3;border:1px solid #ffffff1f;border-radius:999px;justify-self:center;align-items:center;gap:4px;padding:4px;display:inline-flex;box-shadow:0 12px 30px #00000059}:is(.builder,body) button.card-swipe-nav-button{color:#f1f1ed;cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;width:40px;height:40px;min-height:0;margin:0;padding:0;transition:background-color .15s;display:grid}:is(.builder,body) button.card-swipe-nav-button:hover{background:#ffffff14}:is(.builder,body) button.card-swipe-nav-button:active{background:#ffffff24}button.card-swipe-nav-button:focus-visible{outline-offset:-2px;outline:2px solid #ffffffb3}.card-swipe-nav-button>svg{fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.card-swipe-nav-count{color:#c9c9c5;font-variant-numeric:tabular-nums;text-align:center;min-width:56px;font-size:13px;font-weight:600}.card-swipe-nav-count>span{color:#7c7c79}@media (prefers-reduced-motion:reduce){.card-swipe-track{transition:none!important}}.df-dialog.df-dialog.df-dialog[data-layout=lightbox]:is(.image-preview-dialog,.public-card-dialog).has-navigation{--df-media-height:calc(var(--app-viewport-height,100dvh) - 224px);--df-media-width:calc(100vw - 48px)}.df-dialog.df-dialog.df-dialog[data-layout=lightbox].image-preview-dialog.has-navigation.has-adjust{--df-media-height:calc(var(--app-viewport-height,100dvh) - 274px)}.df-dialog.df-dialog[data-layout=lightbox]:is(.image-preview-dialog,.public-card-dialog).has-navigation>.df-dialog-panel>.df-dialog-body{padding-inline:24px;grid-template-rows:minmax(0,1fr) auto;padding-bottom:20px}.df-dialog.df-dialog[data-layout=lightbox].image-preview-dialog.has-navigation.has-adjust>.df-dialog-panel>.df-dialog-body{grid-template-rows:minmax(0,1fr) auto auto}.df-dialog[data-layout=lightbox] .card-swipe{place-self:stretch stretch}.df-dialog .card-swipe .card-swipe-slot>img{width:auto;max-width:100%;height:auto;max-height:var(--df-media-height);object-fit:contain;-webkit-user-drag:none;-webkit-user-select:none;user-select:none;border-radius:14px;display:block;box-shadow:0 30px 80px #000000b3,0 0 0 1px #ffffff14}.df-dialog .card-swipe .card-swipe-slot>.image-preview-flip.is-neighbor{place-items:center;max-width:100%;display:inline-grid}.public-card-dialog .card-swipe .public-card-dialog-content{max-width:100%}.public-card-dialog.has-navigation .public-card-dialog-content{width:calc(min(600px,100vw - 48px,(var(--app-viewport-height,100dvh) - 224px) * 1024 / 1424) * var(--card-list-width-factor,1))}@media (max-width:600px){.df-dialog.df-dialog.df-dialog[data-layout=lightbox]:is(.image-preview-dialog,.public-card-dialog).has-navigation{--df-media-width:calc(100vw - 32px)}.df-dialog.df-dialog[data-layout=lightbox]:is(.image-preview-dialog,.public-card-dialog).has-navigation>.df-dialog-panel>.df-dialog-body{padding-inline:16px}.public-card-dialog.has-navigation .public-card-dialog-content{width:calc(min(100vw - 32px,(var(--app-viewport-height,100dvh) - 224px) * 1024 / 1424) * var(--card-list-width-factor,1))}}.df-dialog.df-dialog[data-layout=lightbox]:is(.image-preview-dialog,.public-card-dialog).has-navigation>.df-dialog-panel>.df-dialog-body{overflow:hidden}@media (max-width:600px){.df-dialog.df-dialog.df-dialog[data-layout=lightbox]:is(.image-preview-dialog,.public-card-dialog).has-navigation{--df-media-width:calc(100vw - 80px)}.df-dialog.df-dialog[data-layout=lightbox]:is(.image-preview-dialog,.public-card-dialog).has-navigation>.df-dialog-panel>.df-dialog-body{padding-inline:40px}.public-card-dialog.has-navigation .public-card-dialog-content{width:calc(min(100vw - 80px,(var(--app-viewport-height,100dvh) - 224px) * 1024 / 1424) * var(--card-list-width-factor,1))}}
