:root,[data-fs-density=comfortable]{--fs-dialog-pad-top: 28px;--fs-dialog-pad-x: 28px;--fs-dialog-pad-bottom: var(--fs-space-6);--fs-dialog-gap: var(--fs-space-4);--fs-dialog-title: var(--fs-size-28);--fs-dialog-close-at: var(--fs-space-3);--fs-dialog-margin: var(--fs-space-4)}[data-fs-density=compact]{--fs-dialog-pad-top: 20px;--fs-dialog-pad-x: 20px;--fs-dialog-pad-bottom: 20px;--fs-dialog-gap: 14px;--fs-dialog-title: var(--fs-size-20)}@media(max-width:767px){:root{--fs-dialog-pad-top: var(--fs-space-5);--fs-dialog-pad-x: var(--fs-space-4);--fs-dialog-pad-bottom: var(--fs-space-5)}}:is(.fs-demo,.fs-ui) .fs-dialog{--fs-dialog-w: 720px;--fs-dialog-edge: color-mix(in oklab, var(--fs-accent, var(--fs-brand)) 40%, var(--fs-border-color));position:fixed;top:0;right:0;bottom:0;left:0;box-sizing:border-box;width:min(var(--fs-dialog-w),calc(100vw - 2 * var(--fs-dialog-margin)));max-width:none;max-height:min(90dvh,calc(100dvh - 2 * var(--fs-dialog-margin)));margin:auto;padding:0;overflow:auto;overscroll-behavior:contain;border:var(--fs-border) solid var(--fs-dialog-edge);border-radius:var(--fs-radius);background:var(--fs-background);box-shadow:var(--fs-shadow-dialog);color:var(--fs-foreground);font-family:var(--fs-font-ui);-webkit-tap-highlight-color:transparent}:is(.fs-demo,.fs-ui) .fs-dialog::backdrop{background:var(--fs-overlay);-webkit-backdrop-filter:var(--fs-overlay-filter);backdrop-filter:var(--fs-overlay-filter)}:is(.fs-demo,.fs-ui) .fs-dialog--sm{--fs-dialog-w: 480px}:is(.fs-demo,.fs-ui) .fs-dialog--lg{--fs-dialog-w: 960px}:is(.fs-demo,.fs-ui) .fs-dialog--xl{--fs-dialog-w: 1120px}:is(.fs-demo,.fs-ui) .fs-dialog--full{width:100vw;height:100dvh;max-height:100dvh;border:0;border-radius:0}@media(max-width:767px){:is(.fs-demo,.fs-ui) .fs-dialog--full-mobile{width:100vw;height:100dvh;max-height:100dvh;border:0;border-radius:0}}html:has(:is(.fs-demo,.fs-ui) .fs-dialog:modal){overflow:hidden}:is(.fs-demo,.fs-ui) .fs-dialog-close{position:absolute;z-index:2;top:var(--fs-dialog-close-at);right:var(--fs-dialog-close-at);font-size:var(--fs-size-28);font-weight:var(--fs-weight-regular);line-height:1}:is(.fs-demo,.fs-ui) .fs-dialog-close>[aria-hidden=true]{font-size:inherit}:is(.fs-demo,.fs-ui) .fs-dialog-inner{display:grid;gap:var(--fs-dialog-gap);padding:var(--fs-dialog-pad-top) var(--fs-dialog-pad-x) var(--fs-dialog-pad-bottom)}:is(.fs-demo,.fs-ui) .fs-dialog-inner :where(p){margin:0}:is(.fs-demo,.fs-ui) .fs-dialog-head{display:grid;gap:var(--fs-dialog-gap);min-width:0}:is(.fs-demo,.fs-ui) .fs-dialog-eyebrow{margin:0;color:var(--fs-accent, var(--fs-brand));font:var(--fs-weight-medium) var(--fs-size-12) / 1.4 var(--fs-font-mono);letter-spacing:var(--fs-track-label);text-transform:uppercase}:is(.fs-demo,.fs-ui) .fs-dialog-title{margin:0;padding-right:calc(var(--fs-btn-h) + var(--fs-space-1));color:var(--fs-foreground);font:var(--fs-weight-bold) var(--fs-dialog-title) / 1.15 var(--fs-font-ui);letter-spacing:var(--fs-track-tight);text-transform:none;overflow-wrap:anywhere}:is(.fs-demo,.fs-ui) .fs-dialog-title:focus{outline:none}:is(.fs-demo,.fs-ui) .fs-dialog-lead{margin:0;color:var(--fs-foreground);font-size:var(--fs-size-14);line-height:var(--fs-leading-small)}:is(.fs-demo,.fs-ui) .fs-dialog-meta{margin:0;color:var(--fs-muted-foreground);font-size:var(--fs-size-14);line-height:var(--fs-leading-small);overflow-wrap:anywhere}:is(.fs-demo,.fs-ui) .fs-dialog-body{display:grid;gap:var(--fs-dialog-gap);min-width:0}:is(.fs-demo,.fs-ui) .fs-dialog-amount{margin:0;font:var(--fs-weight-strong) var(--fs-size-28) / 1.1 var(--fs-font-ui);letter-spacing:var(--fs-track-tight);font-variant-numeric:tabular-nums}:is(.fs-demo,.fs-ui) .fs-dialog-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:var(--fs-space-3);margin:0}[data-fs-density=compact] .fs-dialog-foot{gap:var(--fs-space-2)}@media(max-width:767px){:is(.fs-demo,.fs-ui) .fs-dialog-foot>.fs-btn{flex:1 1 auto}}:is(.fs-demo,.fs-ui) .fs-dialog--alert{--fs-dialog-pad-top: var(--fs-space-5);--fs-dialog-pad-x: var(--fs-space-5);--fs-dialog-pad-bottom: var(--fs-space-5);--fs-dialog-gap: var(--fs-space-3);--fs-dialog-title: var(--fs-size-20)}:is(.fs-demo,.fs-ui) .fs-dialog--alert .fs-dialog-title{line-height:1.2;letter-spacing:0}@media(max-width:767px){:is(.fs-demo,.fs-ui) .fs-dialog--alert{--fs-dialog-pad-top: 20px;--fs-dialog-pad-x: var(--fs-space-4);--fs-dialog-pad-bottom: 20px}}:is(.fs-demo,.fs-ui) .fs-dialog--pinned{overflow:hidden}:is(.fs-demo,.fs-ui) .fs-dialog--pinned[open]{display:flex;flex-direction:column}:is(.fs-demo,.fs-ui) .fs-dialog--pinned>.fs-dialog-head{flex:none;align-content:center;gap:var(--fs-space-1);min-height:calc(var(--fs-btn-h) + 2 * var(--fs-dialog-close-at));padding:var(--fs-space-3) var(--fs-dialog-pad-x);border-bottom:var(--fs-border) solid var(--fs-border-color)}:is(.fs-demo,.fs-ui) .fs-dialog--pinned .fs-dialog-title{--fs-dialog-title: var(--fs-size-20);line-height:1.3;letter-spacing:0}:is(.fs-demo,.fs-ui) .fs-dialog--pinned>.fs-dialog-body{flex:1 1 auto;align-content:start;min-height:0;overflow:auto;overscroll-behavior:contain;padding:var(--fs-space-4) var(--fs-dialog-pad-x) var(--fs-dialog-pad-bottom)}:is(.fs-demo,.fs-ui) .fs-dialog--pinned>.fs-dialog-foot{flex:none;padding:var(--fs-space-3) var(--fs-dialog-pad-x) calc(var(--fs-space-3) + env(safe-area-inset-bottom,0px));border-top:var(--fs-border) solid var(--fs-border-color);background:var(--fs-background)}:is(.fs-demo,.fs-ui) .fs-dialog--sheet{--fs-dialog-w: 480px;inset:0 0 0 auto;width:min(var(--fs-dialog-w),100vw);height:100dvh;max-height:100dvh;margin:0 0 0 auto;border-width:0 0 0 var(--fs-border);border-radius:0}:is(.fs-demo,.fs-ui) .fs-dialog--sheet[open]{animation:fs-sheet-in var(--fs-dur) var(--fs-ease)}@media(max-width:767px){:is(.fs-demo,.fs-ui) .fs-dialog--sheet{inset:auto 0 0;width:100vw;height:calc(100dvh - var(--fs-space-7));max-height:calc(100dvh - var(--fs-space-7));margin:auto 0 0;border-width:var(--fs-border) 0 0;border-radius:var(--fs-radius-lg) var(--fs-radius-lg) 0 0}:is(.fs-demo,.fs-ui) .fs-dialog--sheet[open]{animation-name:fs-sheet-up}:is(.fs-demo,.fs-ui) .fs-dialog--sheet>.fs-dialog-head{position:relative}:is(.fs-demo,.fs-ui) .fs-dialog--sheet>.fs-dialog-head:before{content:"";position:absolute;top:7px;left:50%;width:40px;height:4px;border-radius:var(--fs-radius-sm);background:var(--fs-border-strong);translate:-50% 0}}:is(.fs-demo,.fs-ui) .fs-dialog--viewer{width:calc(100vw - 2 * var(--fs-dialog-margin));height:calc(100dvh - 2 * var(--fs-dialog-margin));max-height:none;padding:var(--fs-space-3);overflow:hidden}:is(.fs-demo,.fs-ui) .fs-dialog--viewer[open]{display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:var(--fs-space-3)}:is(.fs-demo,.fs-ui) .fs-viewer-bar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--fs-space-2) var(--fs-space-3);min-height:var(--fs-btn-h);padding-right:calc(var(--fs-btn-h) + var(--fs-space-1))}:is(.fs-demo,.fs-ui) .fs-viewer-title{margin:0;color:var(--fs-foreground);font:var(--fs-weight-strong) var(--fs-size-16) / 1.3 var(--fs-font-ui)}:is(.fs-demo,.fs-ui) .fs-viewer-count{color:var(--fs-muted-foreground);font-size:var(--fs-size-14);font-variant-numeric:tabular-nums}:is(.fs-demo,.fs-ui) .fs-viewer-tools{display:flex;flex-wrap:wrap;gap:var(--fs-space-1);margin-left:auto}:is(.fs-demo,.fs-ui) .fs-viewer-stage{position:relative;display:grid;place-items:center;min-height:0;overflow:hidden}:is(.fs-demo,.fs-ui) .fs-viewer-img{display:block;width:100%;height:100%;min-height:0;object-fit:contain;-webkit-user-select:none;user-select:none}:is(.fs-demo,.fs-ui) .fs-viewer-caption:empty{display:none}@keyframes fs-sheet-in{0%{opacity:0;translate:24px 0}}@keyframes fs-sheet-up{0%{opacity:0;translate:0 48px}}@media(prefers-reduced-motion:reduce){:is(.fs-demo,.fs-ui) .fs-dialog[open]{animation:none}}html[data-fs-motion=reduced] :is(.fs-demo,.fs-ui) .fs-dialog[open]{animation:none}
/*# sourceMappingURL=/cdn/shop/t/26/assets/fs-ui-dialog.css.map */