{"version":3,"sources":["sheet/sheet.scss"],"names":[],"mappings":"AAEA,eAEE,2BAAA,CAAA,4BAAA,CAGA,0EAAA,CAJA,mBAAA,CAAA,oBAAA,CAAA,mBAAA,CAAA,YAAA,CACA,6BAAA,CAAA,yBAAA,CAAA,qBAAA,CACA,sCAAA,CACA,eACA,CAEA,uBACE,mBAAA,CAAA,qBAAA,CAAA,aAAA,CAEA,gEAAA,CACA,uCAAA,CACA,2CAAA,CAHA,yGAAA,CAIA,iBAAA,CAGF,sBAKE,sEAAA,CAHA,+DAAA,CACA,eAAA,CACA,qEAAA,CAHA,iCAIA,CAGF,4BAEE,mBAAA,CAIA,0DAAA,CAJA,qBAAA,CAAA,aAAA,CAEA,qEAAA,CACA,qDAAA,CAFA,iCAAA,CAFA,iBAAA,CAMA,iBAAA,CAGF,wBACE,kBAAA,CAEA,gCAAA,CAFA,mBAAA,CAAA,eAAA,CAAA,WAAA,CACA,eACA,CAGF,4CAWE,+DAAA,CACA,QAAA,CATA,6BAAA,CAAA,qBAAA,CAOA,cAAA,CANA,aAAA,CAGA,8DAAA,CACA,oEAAA,CAFA,mCAAA,CAJA,iBAAA,CAOA,iBAAA,CAJA,UAOA,CAEA,0DACE,0DAAA,CAGF,8HAEE,iEAAA,CAEA,0JACE,+DAAA,CAIJ,8DACE,cAAA,CAEA,sOAGE,0CAAA,CADA,yCACA,CAIJ,gEACE,kBAAA,CAIJ,+BAEE,mBAAA,CADA,6BAAA,CAAA,qBAAA,CAEA,0DAAA,CADA,qBAAA,CAAA,aACA,CAGF,oBAGE,gGAAA,CAFA,aAAA,CACA,6DACA","file":"index.css","sourcesContent":["@import \"./variables\";\n\n.#{$component-prefix}sheet {\n  display: flex;\n  flex-direction: column;\n  max-height: var(--sheet-max-height, $sheet-max-height);\n  overflow: hidden;\n  color: var(--sheet-item-text-color, $sheet-item-text-color);\n\n  &__header {\n    flex-shrink: 0;\n    padding: var(--sheet-header-padding, $sheet-header-padding);\n    font-size: var(--sheet-header-font-size, $sheet-header-font-size);\n    font-weight: var(--font-weight-bold, $font-weight-bold);\n    line-height: var(--sheet-header-height, $sheet-header-height);\n    text-align: center;\n  }\n\n  &__title {\n    margin-top: var(--padding-xs, $padding-xs);\n    font-size: var(--sheet-title-font-size, $sheet-title-font-size);\n    font-weight: normal;\n    line-height: var(--sheet-title-line-height, $sheet-title-line-height);\n    color: var(--sheet-title-color, $sheet-title-color);\n  }\n\n  &__description {\n    position: relative;\n    flex-shrink: 0;\n    margin-top: var(--padding-xs, $padding-xs);\n    font-size: var(--sheet-description-font-size, $sheet-description-font-size);\n    line-height: var(--sheet-description-line-height, $sheet-description-line-height);\n    color: var(--sheet-description-color, $sheet-description-color);\n    text-align: center;\n  }\n\n  &__content {\n    flex: 1 auto;\n    overflow-y: auto;\n    -webkit-overflow-scrolling: touch;\n  }\n\n  &__item,\n  &__button {\n    position: relative;\n    box-sizing: border-box;\n    display: block;\n    width: 100%;\n    padding: 14px * $hd var(--padding-md, $padding-md);\n    font-size: var(--sheet-item-font-size, $sheet-item-font-size);\n    line-height: var(--sheet-item-line-height, $sheet-item-line-height);\n    text-align: center;\n    cursor: pointer;\n    background-color: var(--sheet-item-background, $sheet-item-background);\n    border: 0 none;\n\n    &:active {\n      background-color: var(--active-color, $active-color);\n    }\n\n    &--loading,\n    &--disabled {\n      color: var(--sheet-item-disabled-text-color, $sheet-item-disabled-text-color);\n\n      &:active {\n        background-color: var(--sheet-item-background, $sheet-item-background);\n      }\n    }\n\n    &--loading {\n      cursor: default;\n\n      .#{$component-prefix}loading__spinner,\n      .#{$component-prefix}loading__circular {\n        width: var(--sheet-loading-icon-size, $sheet-loading-icon-size);\n        height: var(--sheet-loading-icon-size, $sheet-loading-icon-size);\n      }\n    }\n\n    &--disabled {\n      cursor: not-allowed;\n    }\n  }\n\n  &__button--cancel {\n    box-sizing: border-box;\n    flex-shrink: 0;\n    color: var(--sheet-cancel-text-color, $sheet-cancel-text-color);\n  }\n\n  &__gap {\n    display: block;\n    height: var(--sheet-cancel-padding-top, $sheet-cancel-padding-top);\n    background-color: var(--sheet-cancel-padding-color, $sheet-cancel-padding-color);\n  }\n}\n"]}