.ds-modal{display:grid;inset:0;padding:var(--ds-space-4);place-items:center;position:fixed;z-index:var(--ds-z-modal)}.ds-modal--long{--_ds-modal-top:max(var(--ds-space-4),8vh);--_ds-modal-divider:var(--ds-border-width) solid var(--ds-color-border);--_ds-modal-edge-gap:var(--ds-space-4);padding-block-start:var(--_ds-modal-top);place-items:start center}.ds-modal__backdrop{animation:ds-fade-in var(--ds-duration-base) var(--ds-ease-standard) both;background:var(--ds-color-overlay);inset:0;position:absolute}.ds-modal__panel{animation:ds-enter var(--ds-duration-base) var(--ds-ease-standard) both;background:var(--ds-color-surface-raised);border:var(--ds-border-width) solid transparent;border-radius:var(--ds-radius-xl);box-shadow:var(--ds-shadow-3);color:var(--ds-color-text);display:flex;flex-direction:column;font-family:var(--ds-font-body);font-size:var(--ds-text-body-size);font-weight:var(--ds-weight-medium);inline-size:100%;letter-spacing:0;line-height:var(--ds-text-body-line);max-block-size:calc(100vh - var(--_ds-modal-top, var(--ds-space-4)) - var(--ds-space-4));max-block-size:calc(100dvh - var(--_ds-modal-top, var(--ds-space-4)) - var(--ds-space-4));max-inline-size:calc(37.5rem*var(--ds-scale));overflow:hidden;position:relative}.ds-modal__panel--sm{max-inline-size:calc(27.5rem*var(--ds-scale))}.ds-modal__panel--md{max-inline-size:calc(37.5rem*var(--ds-scale))}.ds-modal__panel--wide{max-inline-size:calc(42rem*var(--ds-scale))}.ds-modal__panel--lg{max-inline-size:calc(55rem*var(--ds-scale))}.ds-modal__header{align-items:flex-start;border-block-end:var(--_ds-modal-divider,0);display:flex;gap:var(--ds-space-4);justify-content:space-between;padding:var(--ds-space-6) var(--ds-space-6) var(--_ds-modal-edge-gap,0)}.ds-modal__heading{display:flex;flex-direction:column;gap:var(--ds-space-2);min-inline-size:0;padding-block-start:var(--ds-space-2)}.ds-modal__title{color:var(--ds-color-text-strong);font-family:var(--ds-font-display);font-size:var(--ds-text-title-1-size);font-weight:var(--ds-text-title-1-weight);letter-spacing:var(--ds-text-title-1-tracking);line-height:var(--ds-text-title-1-line);margin:0;text-wrap:balance;word-spacing:var(--ds-text-title-1-word-spacing)}.ds-modal__description{color:var(--ds-color-text-muted);margin:0}.ds-modal__header--feature{align-items:flex-start;background-color:var(--ds-color-brand-base);background-image:var(--ds-gradient-band),var(--ds-gradient-button-primary);border-end-end-radius:0;border-end-start-radius:0;border-start-end-radius:var(--ds-radius-xl);border-start-start-radius:var(--ds-radius-xl);box-sizing:border-box;flex-shrink:0;min-block-size:clamp(calc(12rem*var(--ds-scale)),27dvh,calc(18rem*var(--ds-scale)));padding-block-end:var(--ds-space-10)}.ds-modal__feature-art{block-size:calc(4rem*var(--ds-scale));flex:none;inline-size:calc(4rem*var(--ds-scale));-o-object-fit:contain;object-fit:contain}.ds-modal__heading--feature{align-self:center}.ds-modal__feature-heading{align-items:center;display:flex;gap:var(--ds-space-4);min-inline-size:0}.ds-modal__close{align-self:flex-start;flex:none;margin-block-start:calc(var(--ds-space-2)*-1);margin-inline-end:calc(var(--ds-space-2)*-1)}.ds-modal__body{flex:1;min-block-size:0;overflow-y:auto;overscroll-behavior:contain;padding:var(--ds-space-6)}.ds-modal__footer{border-block-start:var(--_ds-modal-divider,0);display:flex;flex-wrap:wrap;gap:var(--ds-space-3);justify-content:flex-end;padding:var(--_ds-modal-edge-gap,0) var(--ds-space-6) var(--ds-space-6)}.ds-modal__header:has(+.ds-modal__footer){padding-block-end:var(--ds-space-6)}@media(max-width:480px){.ds-modal__footer{display:grid}}@media(min-width:769px){.ds-modal__header{padding:var(--ds-space-8) var(--ds-space-8) var(--_ds-modal-edge-gap,0)}.ds-modal__body{padding:var(--ds-space-8)}.ds-modal__footer{padding:var(--_ds-modal-edge-gap,0) var(--ds-space-8) var(--ds-space-8)}.ds-modal__header:has(+.ds-modal__footer){padding-block-end:var(--ds-space-8)}.ds-modal__header--feature{padding-block-end:var(--ds-space-10)}}.ds-modal__header--compact{border-end-end-radius:0;border-end-start-radius:0;min-block-size:0;padding:var(--ds-space-5) var(--ds-space-6) var(--ds-space-6)}.ds-modal__feature-icon{color:var(--ds-color-text-on-stage);flex:none;font-size:calc(3rem*var(--ds-scale))}.ds-modal__header--feature{-webkit-text-stroke:1px var(--ds-color-button-primary-label-edge);paint-order:stroke fill}.ds-dialog-artwork{align-items:center;background:var(--ds-color-surface-sunken);border-start-end-radius:inherit;border-start-start-radius:inherit;box-sizing:border-box;color:var(--ds-color-text-on-stage);display:grid;flex-shrink:0;grid-template-columns:minmax(0,1fr) minmax(0,50%);isolation:isolate;overflow:hidden;position:relative}.ds-dialog-artwork__media{align-self:stretch;aspect-ratio:900/470;inline-size:100%;justify-self:end;max-inline-size:450px;overflow:hidden;position:relative}.ds-dialog-artwork__image{block-size:100%;display:block;inline-size:100%;inset:0;-o-object-fit:cover;object-fit:cover;position:absolute}.ds-dialog-artwork__content{display:flex;flex-direction:column;gap:var(--ds-space-3);grid-column:1;grid-row:1;min-inline-size:0;padding:var(--ds-space-8)}.ds-dialog-artwork__heading{font-family:var(--ds-font-display);font-size:var(--ds-text-title-1-size);font-weight:var(--ds-text-title-1-weight);letter-spacing:var(--ds-text-title-1-tracking);line-height:var(--ds-text-title-1-line);margin:0;overflow-wrap:anywhere;text-wrap:balance;word-spacing:var(--ds-text-title-1-word-spacing)}.ds-dialog-artwork__close{inset-block-start:var(--ds-space-4);inset-inline-end:var(--ds-space-4);position:absolute}.ds-dialog-artwork__media{grid-column:2;grid-row:1}@media(max-width:768px){.ds-dialog-artwork{grid-template-columns:minmax(0,1fr)}.ds-dialog-artwork__media{grid-column:1;grid-row:1;justify-self:center}.ds-dialog-artwork__content{grid-column:1;grid-row:2;padding:var(--ds-space-5) var(--ds-space-6)}}