#pg-widget-main .lens-types {
  margin: 20px 0;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 10px; }
  #pg-widget-main .lens-types .lens-type {
    cursor: pointer;
    background-color: #f7f7f7;
    border: 2px solid #ccc;
    padding: 10px;
    text-align: center;
    user-select: none; }
    #pg-widget-main .lens-types .lens-type .title {
      font-weight: bold;
      display: block;
      margin-bottom: 6px; }
    #pg-widget-main .lens-types .lens-type .price {
      display: block;
      font-weight: bold; }
  #pg-widget-main .lens-types .lens-type.selected {
    border: 2px solid #00a0d1;
    background-color: #00a0d1; }
    #pg-widget-main .lens-types .lens-type.selected * {
      color: white; }

#pg-widget {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 10px;
  border: 1px solid #999;
  padding: 20px;
  background-color: #fcfcfc; }
  #pg-widget .disabled {
    pointer-events: none;
    opacity: 0.4; }
  #pg-widget .pg-option-title {
    line-height: 40px; }
  #pg-widget select.pg-option.error {
    outline: 0.1875rem solid crimson; }
  #pg-widget input[type='checkbox'] {
    height: 17px;
    width: 17px; }
  #pg-widget .pg-error {
    color: crimson;
    font-size: 0.8rem;
    grid-column: 2 / 4; }

/*# sourceMappingURL=front.css.map */