| 1 |
- .immersive_awselect{overflow:hidden !important}.awselect_bg{position:fixed;z-index:999;left:0;top:0;width:100%;height:100%;opacity:0;background:rgba(0,0,0,.8);-webkit-transition:.2s ease-in;-o-transition:.2s ease-in;transition:.2s ease-in}.awselect_bg.animate{opacity:1}.awselect{--awselect_front_face_padding_x: 10px;--awselect_front_face_padding_y: 40px;float:left;width:100%;position:relative;cursor:pointer;background:var(--awselect_background, #e5e5e5);-webkit-transition:.4s cubic-bezier(0.19, 1, 0.22, 1);-o-transition:.4s cubic-bezier(0.19, 1, 0.22, 1);transition:.4s cubic-bezier(0.19, 1, 0.22, 1)}.awselect>.bg{background:var(--awselect_active_background, #fff);height:0;float:left;width:100%;position:absolute;z-index:1;-webkit-transform-origin:top;-ms-transform-origin:top;transform-origin:top;-webkit-transition:.4s cubic-bezier(0.19, 1, 0.22, 1);-o-transition:.4s cubic-bezier(0.19, 1, 0.22, 1);transition:.4s cubic-bezier(0.19, 1, 0.22, 1)}.awselect>.front_face{position:relative;padding:var(--awselect_front_face_padding_x, var(--awselect_front_face_padding_t, 10px) var(--awselect_front_face_padding_r, 40px)) var(--awselect_front_face_padding_y, var(--awselect_front_face_padding_b, 10px) var(--awselect_front_face_padding_l, 40px));color:#000;float:left;width:100%}.awselect>.front_face .content{float:left;width:100%;position:relative;z-index:2}.awselect>.front_face span{-webkit-transition:.4s cubic-bezier(0.19, 1, 0.22, 1);-o-transition:.4s cubic-bezier(0.19, 1, 0.22, 1);transition:.4s cubic-bezier(0.19, 1, 0.22, 1);float:left;width:100%;color:inherit}.awselect>.front_face .current_value{position:absolute;left:0}.awselect>.front_face .placeholder{position:relative}.awselect>.front_face .icon{float:right;position:absolute;right:0px;top:50%;-webkit-transform:rotate(180deg) translateY(-50%);-ms-transform:rotate(180deg) translateY(-50%);transform:rotate(180deg) translateY(-50%);-webkit-transform-origin:center 0;-ms-transform-origin:center 0;transform-origin:center 0;-webkit-transition:.4s cubic-bezier(0.19, 1, 0.22, 1);-o-transition:.4s cubic-bezier(0.19, 1, 0.22, 1);transition:.4s cubic-bezier(0.19, 1, 0.22, 1)}.awselect>.front_face .icon svg{width:10px;height:10px}.awselect .back_face{z-index:2;position:absolute;padding:0px;-webkit-transition:.4s cubic-bezier(0.19, 1, 0.22, 1);-o-transition:.4s cubic-bezier(0.19, 1, 0.22, 1);transition:.4s cubic-bezier(0.19, 1, 0.22, 1);-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px);opacity:0;float:left;width:100%;max-height:200px;overflow:hidden;display:none;top:100%}.awselect .back_face.overflow{overflow-y:scroll}.awselect .back_face>ul{margin:0;float:left;padding:0;width:100%;color:var(--awselect_options_color, #000)}.awselect .back_face>ul li{float:left;width:100%;display:block}.awselect .back_face>ul li a{color:inherit;opacity:.8;float:left;width:100%;-webkit-transition:.4s cubic-bezier(0.19, 1, 0.22, 1);-o-transition:.4s cubic-bezier(0.19, 1, 0.22, 1);transition:.4s cubic-bezier(0.19, 1, 0.22, 1)}.awselect .back_face>ul li a:hover{background:rgba(0,0,0,.07);opacity:1}.awselect.animate{z-index:9999}.awselect.animate .front_face .icon{-webkit-transform:rotate(0deg) translateY(-50%);-ms-transform:rotate(0deg) translateY(-50%);transform:rotate(0deg) translateY(-50%)}.awselect.animate>.bg{height:100%}.awselect.animate2>.bg{-webkit-box-shadow:0px 11px 43px 11px rgba(0,0,0,.11);box-shadow:0px 11px 43px 11px rgba(0,0,0,.11)}.awselect.animate2 .back_face{-webkit-transform:translateY(0px);-ms-transform:translateY(0px);transform:translateY(0px);opacity:1}.awselect.placeholder_animate .front_face .current_value{opacity:0}.awselect.placeholder_animate2 .front_face .placeholder{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);opacity:1}.awselect.transition_paused{-webkit-transition:none !important;-o-transition:none !important;transition:none !important}.awselect.animate>.back_face,.awselect.animating>.back_face{display:block}.awselect:not(.animate):not(.animating)>.back_face{display:none}.awselect:not(.animate)>.front_face>.content>.current_value+.placeholder{-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px);opacity:0}.aw_cursor_pointer{float:left;width:20px;height:20px;border-radius:100%;background:#ddd;overflow:hidden;padding:5px;-webkit-transition:.4s cubic-bezier(0.19, 1, 0.22, 1);-o-transition:.4s cubic-bezier(0.19, 1, 0.22, 1);transition:.4s cubic-bezier(0.19, 1, 0.22, 1);-webkit-transform:scale(0.5);-ms-transform:scale(0.5);transform:scale(0.5)}.aw_cursor_pointer .inner{float:left;width:100%;height:0%;background:#fff;border-radius:100%;-webkit-transition:.4s cubic-bezier(0.19, 1, 0.22, 1);-o-transition:.4s cubic-bezier(0.19, 1, 0.22, 1);transition:.4s cubic-bezier(0.19, 1, 0.22, 1)}.aw_cursor_pointer.animate{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.aw_cursor_pointer.animate .inner{height:100%}/*# sourceMappingURL=awselect.min.css.map */
|
