.c0f0{--viewport-height:100vh;--card-width:unset;--card-min-width:320px;--card-height:unset;--card-max-height:unset;--card-min-height:64px;--card-background:var(--frontly-graybase-700);--header-padding-top:unset;--header-padding-right:unset;--header-padding-bottom:unset;--header-padding-left:unset;--header-min-height:calc(var(--header-line-height) + var(--header-padding-top));--close-button-top:20px;--close-button-right:20px;--close-button-width:20px;--close-button-height:20px;--close-button-color:var(--frontly-white-100-50);--close-button-color-hover:var(--frontly-white-100);box-sizing:border-box;width:var(--card-width);min-width:var(--card-min-width);height:var(--card-height);min-height:var(--card-min-height);max-height:var(--card-max-height);background-color:var(--card-background);border-radius:4px;flex-direction:column;display:flex;position:relative;overflow:hidden;box-shadow:0 0 16px #14141666,0 8px 24px #14141666}.c0f0 *{box-sizing:border-box}.c0f1,.c0f2{--card-width:376px;--header-padding-top:20px;--header-padding-right:24px;--header-padding-bottom:16px;--header-padding-left:24px}.c0f3{--card-width:520px;--header-padding-top:30px;--header-padding-right:30px;--header-padding-bottom:16px;--header-padding-left:30px}.c0f4{--card-width:780px;--header-padding-top:30px;--header-padding-right:30px;--header-padding-bottom:16px;--header-padding-left:30px}.c0f5{--card-width:100%;--card-height:100%;--header-padding-top:20px;--header-padding-right:16px;--header-padding-bottom:16px;--header-padding-left:16px}.c0f6{--card-width:100vw;--card-height:var(--viewport-height);--header-padding-top:20px;--header-padding-right:16px;--header-padding-bottom:16px;--header-padding-left:16px}.c0f7{--header-padding-right:44px}.c0f8{padding:var(--header-padding-top) var(--header-padding-right) var(--header-padding-bottom) var(--header-padding-left);font-size:var(--frontly-headline-x-sm-font-size);font-weight:var(--frontly-headline-x-sm-font-weight);line-height:var(--frontly-headline-x-sm-line-height);letter-spacing:var(--frontly-headline-x-sm-letter-spacing);display:flex}.c0f8:empty{min-height:var(--header-min-height)}.c0f9{top:var(--close-button-top);right:var(--close-button-right);z-index:1;width:var(--close-button-width);height:var(--close-button-height);cursor:pointer;position:absolute}.c0f9:focus{outline:none}.c0f9 path{fill:var(--close-button-color)}.c0f9:hover path{fill:var(--close-button-color-hover)}.c0fa{flex-direction:column;flex-grow:1;min-height:0;display:flex;position:relative}