{"version":3,"sources":["op-spacing.scss","display-opinions.css","op-columns.scss","op-toggle.scss"],"names":[],"mappings":"AAAA,SACI,eCKJ,CDHA,sBACI,cCMJ,CDJA,iBAEI,aAAA,CADA,WCQJ,CDNI,uBACI,cAAA,CACA,gBCQR,CDNI,4FAEI,cAAA,CACA,QAAA,CACA,YCQR,CDNI,2JAGI,WCQR,CDAI,0DAGI,gBAAA,CADA,gBAAA,CADA,aCYR,CDRI,4CACI,YCUR,CDRI,sCACI,SCUR,CDRI,6GAEI,WCUR,CDNQ,2EAEI,aAAA,CADA,4BCUZ,CDAQ,wCACI,kBCEZ,CDAQ,iDACI,cAAA,CACA,WAAA,CACA,oBCEZ,CDQI,4BACI,sBAAA,CACA,QAAA,CACA,eAAA,CACA,SCNR,CDWQ,2IACI,kBAAA,CACA,SCPZ,CDWQ,8CACI,eAAA,CACA,eCTZ,CDaQ,8CACI,QCXZ,CD0BQ,oIACI,eCpBZ,CCxFA,wIAWI,UAAA,CACA,UAAA,CACA,yBD6FJ,CC5FI,gOACI,YDwGR,CCtGI,0MACI,UAAA,CACA,UAAA,CACA,aDkHR,CC9GA,qCAGI,oBDiHJ,CC9GA,uBAEI,oBDiHJ,CC9GA,yBAEI,mBDiHJ,CC9GA,YACI,oBDiHJ,CC9GA,eACI,mBDiHJ,CC9GA,WACI,oBDiHJ,CC9GA,aACI,mBDiHJ,CC9GA,OACI,UAAA,CACA,aDiHJ,CE/KA,+BAMI,uBAAA,CAAA,oBAAA,CAAA,eAAA,CALA,sBAAA,CACA,QAAA,CACA,gBAAA,CAKA,cAAA,CAHA,WAAA,CADA,WAAA,CAGA,iBFmLJ,CEjLI,qCACI,kBAAA,CACA,wBAAA,CACA,kBAAA,CACA,UAAA,CAKA,WAAA,CAFA,SAAA,CAFA,iBAAA,CACA,QAAA,CAIA,uBAAA,CAFA,UFqLR,CEjLQ,sCACA,eAAA,CACA,kBAAA,CACA,UAAA,CAKA,WAAA,CAFA,MAAA,CAFA,iBAAA,CACA,QAAA,CAKA,uBAAA,CAHA,UAAA,CAEA,UFoLR,CEhLQ,6CACI,kBAAA,CACA,wBAAA,CACA,uBFkLZ,CEhLQ,8CAEI,SAAA,CADA,QAAA,CAEA,uBFkLZ,CE/KI,4CACI,kBFiLR,CE/KI,2CAEI,gBAAA,CACA,eAAA,CAFA,SFmLR","file":"display-opinions.css","sourcesContent":[".nf-help {\n    background: none;\n}\n.nf-field-description {\n    font-size: 14px;\n}\n.nf-form-content {\n    padding: 5px;\n    margin: 0 auto;\n    label {\n        font-size: 18px;\n        line-height: 20px;\n    }\n    .ninja-forms-field,\n    .listselect-wrap .nf-field-element div {\n        font-size: 16px;\n        margin: 0;\n        padding: 12px;\n    }\n    input.ninja-forms-field,\n    select.ninja-forms-field:not([multiple]),\n    .listselect-wrap .nf-field-element div {\n        height: 50px;\n    }\n    /*\n     * Inputs vertically center their text automatically; selects do not.\n     * With appearance: none, a select's text line rides low inside the\n     * fixed 50px box — center it explicitly with line-height instead of\n     * vertical padding. (48px = 50px minus the 1px top/bottom borders.)\n     */\n    select.ninja-forms-field:not([multiple]) {\n        padding-top: 0;\n        padding-bottom: 0;\n        line-height: 48px;\n    }\n    textarea.ninja-forms-field {\n        height: 200px;\n    }\n    hr.ninja-forms-field {\n        padding: 0;\n    }\n    input[type=\"radio\"].ninja-forms-field,\n    input[type=\"checkbox\"].ninja-forms-field  {\n        height: auto;\n    }\n    .listradio-wrap,\n    .listcheckbox-wrap {\n        li {\n            margin-bottom: 12px !important;\n            line-height: 0;\n        }\n    }\n    .nf-product-field {\n        &.ninja-forms-field {\n            // background: transparent;\n            // border: 0;\n            // padding: 0;\n        }\n        span {\n            padding-right: 16px;\n        }\n        .nf-field-qty {\n            font-size: 16px;\n            padding: 5px;\n            width: 80px !important;\n        }\n    }\n    .listselect-wrap,\n    .liststate-wrap,\n    .listcountry-wrap {\n        select {\n            //height: 50px;\n        }\n    }\n    .nf-static {\n        background: transparent;\n        border: 0;\n        font-weight: bold;\n        padding: 0;\n    }\n    .label-above,\n    .label-below,\n    .label-hidden {\n        .nf-field-label {\n            margin-bottom: 10px;\n            padding: 0;\n        }\n    }\n    .label-below {\n        .nf-field-label {\n            margin-bottom: 0;\n            margin-top: 10px;\n        }\n    }\n    .label-right {\n        .nf-field-label {\n            margin: 0;\n        }\n        > input,\n        textarea,\n        select,\n        .nf-product-field,\n        .starrating,\n        .nf-static,\n        .pikaday__container {\n            // margin-right: 1%;\n        }\n        > input[type=radio],\n        input[type=checkbox] {\n            margin-right: 1%;\n        }\n        ul {\n            margin-right: 1%;\n        }\n    }\n    .label-left {\n        // > label {\n        //     margin: 0;\n        // }\n        // > input,\n        // textarea,\n        // select,\n        // .pikaday__container {\n        //     // margin-left: 1%;\n        // }\n        // > input[type=radio],\n        // input[type=checkbox] {\n        //     margin-left: 1%;\n        // }\n        // ul {\n        //     margin-left: 15px;\n        // }\n    }\n}\n","@charset \"UTF-8\";\n/*\n\n---------------------------------------------*/\n.nf-help {\n  background: none;\n}\n\n.nf-field-description {\n  font-size: 14px;\n}\n\n.nf-form-content {\n  padding: 5px;\n  margin: 0 auto;\n}\n.nf-form-content label {\n  font-size: 18px;\n  line-height: 20px;\n}\n.nf-form-content .ninja-forms-field,\n.nf-form-content .listselect-wrap .nf-field-element div {\n  font-size: 16px;\n  margin: 0;\n  padding: 12px;\n}\n.nf-form-content input.ninja-forms-field,\n.nf-form-content select.ninja-forms-field:not([multiple]),\n.nf-form-content .listselect-wrap .nf-field-element div {\n  height: 50px;\n}\n.nf-form-content {\n  /*\n   * Inputs vertically center their text automatically; selects do not.\n   * With appearance: none, a select's text line rides low inside the\n   * fixed 50px box — center it explicitly with line-height instead of\n   * vertical padding. (48px = 50px minus the 1px top/bottom borders.)\n   */\n}\n.nf-form-content select.ninja-forms-field:not([multiple]) {\n  padding-top: 0;\n  padding-bottom: 0;\n  line-height: 48px;\n}\n.nf-form-content textarea.ninja-forms-field {\n  height: 200px;\n}\n.nf-form-content hr.ninja-forms-field {\n  padding: 0;\n}\n.nf-form-content input[type=radio].ninja-forms-field,\n.nf-form-content input[type=checkbox].ninja-forms-field {\n  height: auto;\n}\n.nf-form-content .listradio-wrap li,\n.nf-form-content .listcheckbox-wrap li {\n  margin-bottom: 12px !important;\n  line-height: 0;\n}\n.nf-form-content .nf-product-field span {\n  padding-right: 16px;\n}\n.nf-form-content .nf-product-field .nf-field-qty {\n  font-size: 16px;\n  padding: 5px;\n  width: 80px !important;\n}\n.nf-form-content .nf-static {\n  background: transparent;\n  border: 0;\n  font-weight: bold;\n  padding: 0;\n}\n.nf-form-content .label-above .nf-field-label,\n.nf-form-content .label-below .nf-field-label,\n.nf-form-content .label-hidden .nf-field-label {\n  margin-bottom: 10px;\n  padding: 0;\n}\n.nf-form-content .label-below .nf-field-label {\n  margin-bottom: 0;\n  margin-top: 10px;\n}\n.nf-form-content .label-right .nf-field-label {\n  margin: 0;\n}\n.nf-form-content .label-right > input[type=radio],\n.nf-form-content .label-right input[type=checkbox] {\n  margin-right: 1%;\n}\n.nf-form-content .label-right ul {\n  margin-right: 1%;\n}\n/* Column Classes\n    Link: http://twitter.github.io/bootstrap/assets/css/bootstrap-responsive.css\n--------------------------------------------- */\n.five-sixths,\n.four-sixths,\n.one-fourth,\n.one-half,\n.one-sixth,\n.one-third,\n.three-fourths,\n.three-sixths,\n.two-fourths,\n.two-sixths,\n.two-thirds {\n  clear: initial;\n  float: left;\n  margin-left: 2.5641025641%;\n}\n.five-sixths .inside,\n.four-sixths .inside,\n.one-fourth .inside,\n.one-half .inside,\n.one-sixth .inside,\n.one-third .inside,\n.three-fourths .inside,\n.three-sixths .inside,\n.two-fourths .inside,\n.two-sixths .inside,\n.two-thirds .inside {\n  padding: 20px;\n}\n.five-sixths::after,\n.four-sixths::after,\n.one-fourth::after,\n.one-half::after,\n.one-sixth::after,\n.one-third::after,\n.three-fourths::after,\n.three-sixths::after,\n.two-fourths::after,\n.two-sixths::after,\n.two-thirds::after {\n  clear: both;\n  content: \"\";\n  display: block;\n}\n\n.one-half,\n.three-sixths,\n.two-fourths {\n  width: 48.7179487179%;\n}\n\n.one-third,\n.two-sixths {\n  width: 31.6239316239%;\n}\n\n.four-sixths,\n.two-thirds {\n  width: 65.811965812%;\n}\n\n.one-fourth {\n  width: 23.0769230769%;\n}\n\n.three-fourths {\n  width: 74.358974359%;\n}\n\n.one-sixth {\n  width: 14.5299145299%;\n}\n\n.five-sixths {\n  width: 82.905982906%;\n}\n\n.first {\n  clear: both;\n  margin-left: 0;\n}\n\ninput[type=checkbox].nf-toggle {\n  background: transparent;\n  border: 0;\n  box-shadow: 0 0 0;\n  margin: 10px;\n  height: 18px;\n  appearance: none;\n  position: relative;\n  cursor: pointer;\n}\ninput[type=checkbox].nf-toggle::after {\n  background: #BCBDBF;\n  border: 2px solid #BCBDBF;\n  border-radius: 20px;\n  content: \"\";\n  position: absolute;\n  top: -4px;\n  left: -4px;\n  width: 46px;\n  height: 24px;\n  transition: all 0.3s ease;\n}\ninput[type=checkbox].nf-toggle::before {\n  background: #fff;\n  border-radius: 20px;\n  content: \"\";\n  position: absolute;\n  top: -1px;\n  left: 0;\n  width: 18px;\n  height: 18px;\n  z-index: 99;\n  transition: all 0.3s ease;\n}\ninput[type=checkbox].nf-toggle:checked::after {\n  background: lightgreen;\n  border: 2px solid lightgreen;\n  transition: all 0.3s ease;\n}\ninput[type=checkbox].nf-toggle:checked::before {\n  top: -1px;\n  left: 20px;\n  transition: all 0.3s ease;\n}\n.label-right input[type=checkbox].nf-toggle {\n  padding: 0 50px 0 0;\n}\n.label-left input[type=checkbox].nf-toggle {\n  padding: 0;\n  margin-left: 22px;\n  margin-top: 20px;\n}","/* Column Classes\n    Link: http://twitter.github.io/bootstrap/assets/css/bootstrap-responsive.css\n--------------------------------------------- */\n\n.five-sixths,\n.four-sixths,\n.one-fourth,\n.one-half,\n.one-sixth,\n.one-third,\n.three-fourths,\n.three-sixths,\n.two-fourths,\n.two-sixths,\n.two-thirds {\n    clear: initial;\n    float: left;\n    margin-left: 2.564102564102564%;\n    .inside {\n        padding: 20px;\n    }\n    &::after {\n        clear: both;\n        content: \"\";\n        display: block;\n    }\n}\n\n.one-half,\n.three-sixths,\n.two-fourths {\n    width: 48.717948717948715%;\n}\n\n.one-third,\n.two-sixths {\n    width: 31.623931623931625%;\n}\n\n.four-sixths,\n.two-thirds {\n    width: 65.81196581196582%;\n}\n\n.one-fourth {\n    width: 23.076923076923077%;\n}\n\n.three-fourths {\n    width: 74.35897435897436%;\n}\n\n.one-sixth {\n    width: 14.52991452991453%;\n}\n\n.five-sixths {\n    width: 82.90598290598291%;\n}\n\n.first {\n    clear: both;\n    margin-left: 0;\n}\n","input[type=checkbox].nf-toggle {\n    background: transparent;\n    border: 0;\n    box-shadow: 0 0 0;\n    margin: 10px;\n    height: 18px;\n    appearance: none;\n    position: relative;\n    cursor: pointer;\n    &::after {\n        background: #BCBDBF;\n        border: 2px solid #BCBDBF;\n        border-radius: 20px;\n        content: \"\";\n        position: absolute;\n        top: -4px;\n        left: -4px;\n        width: 46px;\n        height: 24px;\n        transition: all 0.3s ease;\n    }\n        &::before {\n        background: #fff;\n        border-radius: 20px;\n        content: \"\";\n        position: absolute;\n        top: -1px;\n        left: 0;\n        width: 18px;\n        height: 18px;\n        z-index: 99;\n        transition: all 0.3s ease;\n    }\n    &:checked {\n        &::after {\n            background: lightgreen;\n            border: 2px solid lightgreen;\n            transition: all 0.3s ease;\n        }\n        &::before {\n            top: -1px;\n            left: 20px;\n            transition: all 0.3s ease;\n        }\n    }\n    .label-right & {\n        padding: 0 50px 0 0;\n    }\n    .label-left & {\n        padding: 0;\n        margin-left: 22px;\n        margin-top: 20px;\n    }\n}\n"]}