.modalSheet .modalHeader,.modal .modalHeader{justify-content:space-between;align-items:center;gap:var(--spacing-sm);flex-shrink:0;display:flex}.modalSheet .modalTitle,.modal .modalTitle{white-space:nowrap;text-overflow:ellipsis;width:100%;color:var(--text);font-size:var(--font-lg);margin:0;font-weight:300;overflow:hidden}.modal{z-index:1000;padding:var(--spacing-md);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal button{z-index:1}.modal .modalBackdrop{background:color-mix(in srgb,var(--black)55%,transparent);position:absolute;inset:0}.modal .modalBackdrop:after{content:"";z-index:1;mix-blend-mode:lighten;opacity:.05;pointer-events:none;background:url(/images/ui/gradient_noise/01.webp) 50%/cover no-repeat;position:absolute;inset:0}.modal .modalPanel{z-index:1;background:color-mix(in srgb,var(--background)100%,black);border-radius:var(--radius-xl);max-width:90vw;max-height:85vh;box-shadow:0 2em 4em color-mix(in srgb,var(--black)20%,transparent),inset -1px -1px color-mix(in srgb,var(--text)6%,transparent);position:relative;overflow:hidden}.modal .modalPanel:after{content:"";z-index:0;mix-blend-mode:lighten;filter:var(--shopNoiseFilter,invert(0));opacity:.08;pointer-events:none;border-radius:inherit;background-image:url(/images/ui/gradient_noise/01.webp);background-size:cover;position:absolute;inset:0}.modal .modalPanel:before{content:"";z-index:1;background-image:var(--pattern);width:100%;height:100%;opacity:var(--shopPatternOpacity,.15);pointer-events:none;mix-blend-mode:multiply;background-repeat:no-repeat;background-size:cover;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-mask-image:linear-gradient(270deg,#0000 30%,#000 140%);mask-image:linear-gradient(270deg,#0000 30%,#000 140%)}.modal .modalMeasure{flex-direction:column;width:max-content;min-width:min-content;max-height:85vh;display:flex;position:relative;overflow:hidden}.modal .modalHeader{padding:var(--spacing-md)var(--spacing-md)var(--spacing-sm);min-height:3.5rem;position:relative}.modal .modalCloseBtn{z-index:2;border-radius:var(--radius-sm);color:color-mix(in srgb,var(--text)40%,transparent);cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;margin-left:auto;padding:.3em;transition:all .2s;display:flex}.modal .modalCloseBtn:hover{background:var(--surface);color:var(--text)}.modal .modalBody{min-height:0;padding:var(--spacing-sm)var(--spacing-md)var(--spacing-md);flex:auto;display:flex;overflow:hidden}.modalSheet .modalHeader{padding:0 var(--inlineSection);padding-bottom:var(--spacing-xs)}.modalSheet .modalCloseBtn{display:none}.modalSheet .modalBody{padding:var(--spacing-sm)var(--inlineSection)0;scrollbar-width:none;flex:1;overflow:hidden auto}