pkg-components
Version:
2 lines (1 loc) • 3.91 kB
CSS
._content_1n771_1{display:flex;flex-direction:column;justify-content:space-between;height:100%}._paragrap_1n771_15,._label_1n771_15{font-size:.975rem;font-weight:lighter;line-height:1.25rem;color:var(--color-neutral-gray-dark)}._input_1n771_29{font-size:.875rem;font-weight:lighter;line-height:1.25rem;border:1px solid #e5e5e5;border-radius:.25rem;padding:.5rem .75rem;width:50%;margin-top:.5rem}._container_input_1n771_49{display:flex;align-items:center;justify-content:space-between;margin:1rem 0}._actions_1n771_63{display:flex;flex-direction:column;justify-content:space-between;margin-top:1rem}._actions_1n771_63 button{width:100%;border-radius:5px;margin-top:.8rem}._inputContainer_1hwus_1{position:relative;margin-bottom:1rem}._inputField_1hwus_11{width:100%;padding:1rem;font-size:1rem;border-radius:5px;border:1px solid var(--color-neutral-gray-dark);outline:none}._inputField_1hwus_11:focus{border-color:var(--color-primary-red)}._label_1hwus_39{color:#9e9e9e;display:inline-block;font-size:1rem;left:0;margin-top:1rem;pointer-events:none;position:relative;transition:font-size .3s,bottom .3s}._content__img-container_1wd24_1{grid-area:image;display:flex;flex-flow:row nowrap;justify-content:center;align-items:center;overflow:hidden;padding:15px;position:relative}._content_header_1wd24_23{line-height:1.15;text-rendering:optimizelegibility;font-family:PFont-Regular,sans-serif;font-size:16px;box-sizing:border-box;align-items:center;display:flex;overflow:hidden;top:0;left:0;z-index:9997;position:static;width:auto;justify-content:flex-end;padding:6px 6px 0;min-height:auto;height:auto}._description_1wd24_63{display:inline-block;font-size:.875rem;padding-top:10px;margin:0;font-weight:300;line-height:1.22;color:#717171;white-space:pre-line;word-break:break-all}._content__action_1wd24_85{z-index:30;grid-area:action;display:flex;align-items:center;padding-right:15px}._content__scrolling_1wd24_101{grid-area:scroll;overflow-y:auto;padding:0 15px}._button_close_1wd24_115{background-color:var(--color-base-transparent)}._nav-header__title_1wd24_123{font-size:var(--font-size-xl);font-weight:500;left:0;margin:0;padding:2px 50px 0;position:absolute;text-align:center;text-transform:uppercase;width:100%;z-index:0}._content_modal_1wd24_151{width:fit-content;display:grid;transform:translateY(140%);grid-template:40px auto 80px/1fr 1fr;transition:.2s ease-in-out;grid-template-areas:"image header" "image scroll" "image action";height:45vw;max-width:1200px;max-height:580px;min-height:auto;border-radius:4px;z-index:var(--z-index-99999);background-color:var(--color-base-white)}@media only screen and (min-width: 960px) and (min-width: 1160px){._content_modal_1wd24_151{min-width:1200px;grid-template-columns:1fr 1fr}}@media only screen and (min-width: 960px){._nav-header__title_1wd24_123{position:static}._content_header_1wd24_23{position:static;width:auto;justify-content:flex-end;padding:6px 6px 0;min-height:auto;height:auto}}@media only screen and (min-width: 960px){._content__img-container_mobile_1wd24_237{display:none}._show_1wd24_245{transform:translateY(0)}}@media only screen and (max-width: 960px){._content_modal_1wd24_151{grid-template-areas:"header" "scroll" "action";display:grid;grid-template-rows:auto minmax(auto,calc(100% - 140px)) auto;grid-template-columns:1fr;max-height:1170px;background-color:var(--color-base-white);transform:translateY(0);height:100%;width:100%}._content__img-container_1wd24_1{display:none}._content__img-container_mobile_1wd24_237{display:flex;flex-flow:row nowrap;justify-content:center;align-items:center;overflow:hidden;padding:15px;position:relative}._nav-header__title_1wd24_123{width:80%;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2}}._skeleton_container_1em2t_1{margin:0;position:relative}._skeleton_container_circle_1em2t_11{margin:0;position:absolute;right:20px;top:20px;width:min-content}