div[data-wativate-type="hidden"] { display: none; } div[data-wativate-type="form-select"] { position:relative; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } div[data-wativate-type="form-select"] div[data-wativate-role="form-field"] { position: relative; z-index: 1; } div[data-wativate-type="form-select"] div[data-wativate-role="form-field"] div[data-wativate-role="input-display"], div[data-wativate-type="form-select"] div[data-wativate-role="form-field"] input { display: block; position: relative; z-index: 1; width: calc(100% - 0.2rem); height: 2.4rem; line-height: 2.4rem; box-shadow: 0 0 0 transparent; border-radius: 0.3rem; border: 0.1rem solid #737f8b; background-color: #eee; color: #333; cursor: pointer; text-indent: 0.6rem; font-size: var(--font-size-small); overflow: hidden; } div[data-wativate-type="form-select"][data-reset="true"] div[data-wativate-role="form-field"] div[data-wativate-role="input-display"] { border: 0.1rem solid #d40000; background-color: #ffeaea; } div[data-wativate-type="form-select"][data-disabled="true"] div[data-wativate-role="form-field"] div[data-wativate-role="input-display"] { border: 0.1rem solid #e6e6e6; background-color: #FBFBFB; color: #c9c9c9; cursor: not-allowed; } div[data-wativate-type="form-select"] div[data-wativate-role="form-field"] input { opacity: 0; position: absolute; z-index: 2; left: 0; top: 0; } div[data-wativate-type="form-select"] div[data-wativate-role="form-field"]::before { content: ""; position: absolute; right: 0.7rem; top: calc(50% - 0.35rem); z-index: 3; width: 0.5rem; height: 0.5rem; background-color: #c5c1c1; clip-path: polygon(0 0, 0 100%, 100% 100%); display: inline-block; transform: rotate(315deg); } div[data-wativate-type="form-select"][data-trigger="true"] div[data-wativate-role="form-field"]::before { top: calc(50% - 0.1rem); transform: rotate(135deg); } div[data-wativate-type="form-select"] ul { position: absolute; z-index: 2; left: 0; top: 0; width: calc(100% - 0.2rem); margin-top: 3.6rem; background-color: #fff; border: #eee 0.1rem solid; border-radius: 0.4rem; box-shadow: 0.1rem 0.1rem 1rem #e5e5e5; display: none; } div[data-wativate-type="form-select"][data-trigger="true"] ul { display: block; } div[data-wativate-type="form-select"] ul::before { content: ""; position: absolute; z-index: 1; left: calc(50% - 0.5rem); top: -0.5rem; width: 1rem; height: 1rem; background-color: #eee; clip-path: polygon(0 0, 0 100%, 100% 100%); display: inline-block; transform: rotate(135deg); } div[data-wativate-type="form-select"] ul[scroll] { overflow: auto; } div[data-wativate-type="form-select"] ul[scroll]::-webkit-scrollbar { width: 0.6rem; background-color: #ddd; } div[data-wativate-type="form-select"] ul[scroll]::-webkit-scrollbar-button { display: none; } div[data-wativate-type="form-select"] ul[scroll]::-webkit-scrollbar-track { display: none; } div[data-wativate-type="form-select"] ul[scroll]::-webkit-scrollbar-track-piece { } div[data-wativate-type="form-select"] ul[scroll]::-webkit-scrollbar-corner { } div[data-wativate-type="form-select"] ul[scroll]::-webkit-scrollbar-thumb { border-radius: 0.6rem; background-color: rgba(0,102,255,0.69);; } div[data-wativate-type="form-select"] li { position: relative; z-index: 2; font-size: var(--font-size-small); cursor: pointer; padding: 0.5rem 0.6rem; color: #333; word-break: normal; overflow-wrap: break-word; white-space: normal; } div[data-wativate-type="form-select"] li:nth-child(even) { background-color: rgba(250, 250, 250, 0.6); } div[data-wativate-type="form-select"] li[data-selected="true"] { background-color: #efefef; } div[data-wativate-type="form-select"] li:hover { background-color: #eee; } div[data-wativate-type="form-input-checkbox"] { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } div[data-wativate-type="form-input-checkbox"] div[data-wativate-role="form-field"] ul { display: var(--flex-display); gap: 0.1rem; } div[data-wativate-type="form-input-checkbox"] div[data-wativate-role="form-field"] li { font-size: var(--font-size-small); } div[data-wativate-type="form-input-checkbox"] div[data-wativate-role="form-field"] li label { position: relative; display: var(--flex-display); height: 2.4rem; line-height: 2.4rem; padding: 0 0.6rem 0 1.2rem; background-color: #f5f5f5; border: #ddd 0.1rem solid; box-shadow: 0.2rem 0.2rem 0.5rem #efeaea; border-radius: 0.3rem; cursor: pointer; } div[data-wativate-type="form-input-checkbox"] div[data-wativate-role="form-field"] li label::before { content: ""; position: absolute; left: 0.5rem; top: calc(50% - 0.15rem); width: 0.3rem; height: 0.3rem; background-color: #0066ff; border-radius: 50%; box-shadow: 0 0 0.3rem #606060; } div[data-wativate-type="form-input-checkbox"] div[data-wativate-role="form-field"] li[data-selected="true"] label { color:#fff; background-color:#0066ff; } div[data-wativate-type="form-input-checkbox"] div[data-wativate-role="form-field"] li[data-selected="true"] label::before { background-color: #ffffff; } div[data-wativate-type="form-input-checkbox"] div[data-wativate-role="form-field"] li[data-disabled="true"] label { border: 0.1rem solid #e6e6e6; background-color: #FBFBFB; color: #c9c9c9; cursor: not-allowed; } div[data-wativate-type="form-input-checkbox"] div[data-wativate-role="form-field"] li[data-disabled="true"] label::before { background-color: #ffffff; box-shadow: 0 0 0.3rem #b3b3b3; } div[data-wativate-type="form-input-checkbox"] div[data-wativate-role="form-field"] li label input { -webkit-appearance: none; opacity: 0; } div[data-wativate-type="form-input-radio"] { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } div[data-wativate-type="form-input-radio"] div[data-wativate-role="form-field"] ul { display: var(--flex-display); gap: 0.1rem; } div[data-wativate-type="form-input-radio"] div[data-wativate-role="form-field"] li { font-size: var(--font-size-small); } div[data-wativate-type="form-input-radio"] div[data-wativate-role="form-field"] li label { position: relative; display: var(--flex-display); height: 2.4rem; line-height: 2.4rem; padding: 0 0.6rem 0 1.2rem; background-color: #f5f5f5; border: #ddd 0.1rem solid; box-shadow: 0.2rem 0.2rem 0.5rem #efeaea; border-radius: 0.3rem; cursor: pointer; } div[data-wativate-type="form-input-radio"] div[data-wativate-role="form-field"] li label::before { content: ""; position: absolute; left: 0.5rem; top: calc(50% - 0.15rem); width: 0.3rem; height: 0.3rem; background-color: #0066ff; border-radius: 50%; box-shadow: 0 0 0.3rem #606060; } div[data-wativate-type="form-input-radio"] div[data-wativate-role="form-field"] li[data-selected="true"] label { color:#fff; background-color:#0066ff; } div[data-wativate-type="form-input-radio"] div[data-wativate-role="form-field"] li[data-selected="true"] label::before { background-color: #ffffff; } div[data-wativate-type="form-input-radio"] div[data-wativate-role="form-field"] li[data-disabled="true"] label { border: 0.1rem solid #e6e6e6; background-color: #FBFBFB; color: #c9c9c9; cursor: not-allowed; } div[data-wativate-type="form-input-radio"] div[data-wativate-role="form-field"] li[data-disabled="true"] label::before { background-color: #ffffff; box-shadow: 0 0 0.3rem #b3b3b3; } div[data-wativate-type="form-input-radio"] div[data-wativate-role="form-field"] li label input { -webkit-appearance: none; opacity: 0; } div[data-wativate-type="form-input-text"] { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } div[data-wativate-type="form-input-text"] div[data-wativate-role="form-field"] { position: relative; z-index: 1; } div[data-wativate-type="form-input-text"] div[data-wativate-role="form-field"] input { display: block; position: relative; z-index: 1; width: calc(100% - 0.2rem); height: 2.4rem; line-height: 2.4rem; box-shadow: 0 0 0 transparent; border-radius: 0.3rem; border: 0.1rem solid #737f8b; background-color: #fff; color: #333; text-indent: 0.6rem; font-size: var(--font-size-small); } div[data-wativate-type="form-textarea"] { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } div[data-wativate-type="form-textarea"] div[data-wativate-role="form-field"] { position: relative; z-index: 1; } div[data-wativate-type="form-textarea"] div[data-wativate-role="form-field"] textarea { display: block; position: relative; z-index: 1; width: calc(100% - 0.2rem); height: 8rem; line-height: 1.5rem; box-shadow: 0 0 0 transparent; border-radius: 0.3rem; border: 0.1rem solid #737f8b; background-color: #fff; color: #333; padding: 0.6rem; font-size: var(--font-size-small); resize: vertical; }