/** px-action-sheet styles */
.px-action-sheet { background-color: red; }

.px-action-sheet--is-opened .c-action-dialog__mask { background-color: green; }

.px-action-sheet .c-action-dialog__mask { -webkit-transition: all 0.3s; transition: all 0.3s; position: fixed; top: 0; bottom: 0; left: 0; right: 0; background: rgba(0, 0, 0, 0.2); z-index: -1; opacity: 0; visibility: hidden; }

.px-action-sheet .c-action-dialog__mask--is-opened { z-index: 10 !important; opacity: 1 !important; visibility: visible !important; }

.px-action-sheet .c-action-sheet { user-select: none; padding: 0; border-radius: 0; position: fixed; left: 0; right: 0; -webkit-transition: all 0.3s; transition: all 0.3s; bottom: 0; -webkit-transform: translateY(115%); transform: translateY(115%); border: none; border: var(--px-action-sheet-border, none); background-color: white; background-color: var(--px-action-sheet-background-color, white); -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.2); box-shadow: 0 0 2px rgba(0, 0, 0, 0.2); -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.px-action-sheet .c-action-sheet--is-open { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; visibility: visible; z-index: 20; }

.px-action-sheet .c-action-sheet.sixteen-nine { position: relative; }

.px-action-sheet .c-action-sheet.sixteen-nine:before { display: block; content: ''; width: 100%; padding-top: 56.25%; }

.px-action-sheet .c-action-sheet.sixteen-nine > .content { position: absolute; top: 0; left: 0; right: 0; bottom: 0; }

@media (max-width: 51.13333rem) { .px-action-sheet .c-action-sheet { border-left: none; border-right: none; border-bottom: none; left: 0; right: 0; } }

@media (min-width: 51.2rem) { .px-action-sheet .c-action-sheet { left: 20%; right: 20%; } }

.px-action-sheet .c-action-sheet--full { left: 0; right: 0; }

.px-action-sheet .c-action-sheet__actions { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: 0.6666666667rem 1rem; }

@media (max-width: 68.2rem) { .px-action-sheet .c-action-sheet__actions { margin: 0.3333333333rem; } }

.px-action-sheet .c-action-sheet__actions--grid { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.px-action-sheet .c-action-sheet__actions--grid px-action-sheet-button { -webkit-box-flex: 1; -ms-flex: 1 0 80px; flex: 1 0 80px; padding: 0.6666666667rem; }

@media (max-width: 51.13333rem) { .px-action-sheet .c-action-sheet__actions--grid px-action-sheet-button { margin: 0.3333333333rem; } }

.px-action-sheet .c-action-sheet__actions--list { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.px-action-sheet .c-action-sheet__actions--list px-action-sheet-button { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin: 0; }

.px-action-sheet .c-action-sheet__actions--list button { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin: 0 !important; text-align: left; }

.px-action-sheet .c-action-sheet__actions--list button i { margin-left: 0.6666666667rem; margin-right: 0.6666666667rem; }

.px-action-sheet .c-action-sheet__button { -webkit-box-shadow: none; box-shadow: none; border: none; display: -webkit-box; display: -ms-flexbox; display: flex; text-align: center; outline: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width: 100%; cursor: pointer; outline: none; border-radius: 0; padding: 0.6666666667rem; border-bottom: none; }

.px-action-sheet .c-action-sheet__button > * { -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Chrome/Safari/Opera */ /* Konqueror */ -moz-user-select: none; /* Firefox */ -ms-user-select: none; /* Internet Explorer/Edge */ user-select: none; outline: none; }

.px-action-sheet .c-action-sheet__button btn { height: 100%; width: 100%; -ms-flex-item-align: center; align-self: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.px-action-sheet .c-action-sheet__button--danger { color: #ff5c5c !important; border-bottom: none !important; }

.px-action-sheet .c-action-sheet__button--info { color: #525156 !important; pointer-events: none; white-space: pre-wrap; line-height: normal; }

.px-action-sheet .c-action-sheet__button--info:active { -webkit-transition: none; transition: none; opacity: 1; }
