@layer ds-reset, ds-foundation, ds-subatoms, ds-atoms, ds-molecules, ds-organisms, ds-templates, ds-landing;@layer ds-molecules{.popup{padding:var(--spacings-s24);position:relative}@media screen and (max-width:479px){.popup{padding:var(--spacings-s16)}}@media screen and (min-width:480px) and (max-width:767px){.popup{padding:var(--spacings-s16)}}.popup__holder{padding:var(--spacings-s24);position:relative;background-color:var(--background-colors-base);box-shadow:var(--shadows-tint-1);border-radius:var(--corner-radius-r16);border:1px solid var(--background-colors-tint-3)}.popup__content--with-background-effect{background:var(--effects-vignette)}.popup__close-button{--dir-position:calc(-1 * var(--spacings-s16));position:absolute;inset-block-start:var(--dir-position);inset-inline:auto var(--dir-position)}.popup__overlay-visible{opacity:1;transition:opacity .2s cubic-bezier(0,0,.2,1)}.popup__overlay-hidden{opacity:0;transition:opacity .2s cubic-bezier(.4,0,1,1)}}