//Flexbox SASS mixins @mixin flexbox(){display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex}@mixin flex($values){-webkit-box-flex: $values; -moz-box-flex: $values; -webkit-flex: $values; -ms-flex: $values; flex: $values;}@mixin flex-wrap($wrap){-webkit-flex-wrap: $wrap; -moz-flex-wrap: $wrap; -ms-flex-wrap: $wrap; flex-wrap: $wrap;}@mixin justify-content($justify){-webkit-justify-content: $justify; -moz-justify-content: $justify; -ms-justify-content: $justify; justify-content: $justify; -ms-flex-pack: $justify;}@mixin align-items($align){-webkit-align-items: $align; -moz-align-items: $align; -ms-align-items: $align; -ms-flex-align: $align; align-items: $align;}//Variables $color--black: #333333; $color--white: #ffffff; $color--brand: ; $color--border: ; $button--color: ; $button--background: ; //PDP Styles .recurpay-collection-widget,.recurpay-modal{display:block;width:100%;clear:both;.recurpay__widget{clear:both;width:100%;padding:0;position:relative;.new__label{margin:0 0 5px;@include flexbox();@include align-items(center);@include justify-content(flex-end);display:none;.new__label--text{line-height:1;font-size:12px;padding:5px 10px;border-radius:2px;background:$color--brand;color:$color--white}}.recurpay__content{display:block;position:relative}.recurpay__label{font-size:15px;cursor:pointer;padding:12px 40px 12px 10px;margin-bottom:0;line-height:1.4em;pointer-events:none;font-weight:400;color:$color--black;@include flexbox();@include align-items(center);@include justify-content(space-between);.recurpay__label--text{@include flexbox();text-transform:inherit;@include align-items(center);font-weight:700}.recurpay__checkbox,.recurpay_bulk__checkbox{width:0;height:0;opacity:0;cursor:pointer;position:absolute}.recurpay__label--img{max-width:22px;margin-right:8px}.recurpay__checkmark{width:18px;height:18px;margin-right:10px;position:relative;display:inline-block;border:1px solid $color--border;display:none;&:after{top:1px;left:5px;width:6px;opacity:0;content:"";height:12px;visibility:hidden;position:absolute;border:solid $color--white;border-width:0 2px 2px 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}}.recurpay__checkbox,.recurpay_bulk__checkbox{&:checked~.recurpay__checkmark{background:$color--black;border-color:$color--black;&:after{opacity:1;visibility:visible}}}}.recurpay_custom__plans{display:block;border-top:1px solid $color--border;.recurpay-tabs{@include flexbox();@include align-items(center);@include justify-content(flex-start);margin-bottom:10px;.recur-custom-tab{flex:50%;text-align:center;font-weight:600;font-size:15px;color:#979797;cursor:pointer;padding:10px 5px;border-bottom:1px solid #e9e9e9;&.active{font-weight:600;border-bottom:3px solid #545454;color:#000;border-right:1px solid #e9e9e9;border-left:1px solid #e2e2e2}.recur-disc-tag{padding-left:2px;color:$color--brand;font-weight:600}}}}.recurpay__action{padding:12px 10px;button{border:0;outline:0;width:100%;padding:15px 12px;border-radius:3px;cursor:pointer;line-height:normal;font-size:14px;font-weight:500;height:unset;letter-spacing:1px;text-transform:uppercase;color:$button--color;background:$button--background}}.recurpay_custom__plan{padding:12px 10px;@media only screen and (max-width: 600px){padding:5px 10px}.recurpay__plan--label{cursor:pointer;font-size:14px;margin-bottom:0;@include flexbox();padding-bottom:5px;@include align-items(center);.recurpay__discount{color:$color--brand;padding-left:5px;font-weight:500}}.recurpay__plan--description{padding-left:28px;font-size:12px}.recurpay__plan--input{width:0;height:0;opacity:0;cursor:pointer;position:absolute}.recurpay__plan--checkmark{width:18px;height:18px;margin-right:10px;position:relative;border-radius:50%;display:inline-block;border:1px solid $color--border;&:after{top:3px;left:3px;width:10px;opacity:0;content:"";height:10px;visibility:hidden;position:absolute;border-radius:50%;background:$color--white;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}}.recurpay__plan--input{&:checked~.recurpay__plan--checkmark{border-color:$color--black;&:after{opacity:1;visibility:visible;background:$color--black}}}}}}.subscribe-btn{cursor:pointer;border:0;outline:0;width:100%;padding:14px 12px;border-radius:3px;font-size:14px;font-weight:500;letter-spacing:1px;text-transform:inherit;color:$button--color;background:$button--background}@media only screen and (max-width: 600px){.subscribe-btn{font-size:12px;padding:12px 8px}}.recurpay-collection-widget{display:none;border:1px solid #6fa15e;padding:12px;border-radius:4px;margin-top:15px}.recurpay__discount_label{padding-top:5px;padding-bottom:10px;display:block;font-size:13px;color:#6fa15e;font-weight:500}.recur-modal-close{position:absolute;right:15px;top:10px;color:#323232;cursor:pointer;font-size:23px;border-radius:50%;padding:2px;width:20px;height:20px;display:flex;align-items:center;justify-content:center}.recurpay-modal{display:none;position:fixed;z-index:9999;left:0;top:0;margin-top:0!important;max-width:100%!important;width:100%!important;height:100%!important;overflow:hidden;background-color:#000;background-color:#0009!important;-webkit-transition:opacity .4s ease-in;-moz-transition:opacity .4s ease-in;transition:opacity .4s ease-in}.recur-content{background-color:#0009;margin:auto;padding:0;height:100%}.recur-preview-wrapper{display:flex;font-family:sans-serif;justify-content:center;align-items:center;padding:20px;height:100%}.recur-inner-modal{width:80%;max-width:450px;position:relative;text-align:left;background:#fcfdfd;border-radius:4px;box-shadow:0 4px 10px #00000026;color:#000c}.recur-preview-wrapper .recur-form-wrapper{position:relative;z-index:1;-webkit-border-radius:3px;border-radius:3px;background:#fff}.recur-preview-wrapper .recur-inner-form{padding:0;top:0;bottom:0}body.overflow-hidden{overflow:hidden}@media only screen and (max-width: 768px){.recur-inner-modal{width:100%}.recur-preview-wrapper{padding:0;align-items:flex-end}.recurpay-modal .recurpay__widget .recurpay__action{padding:20px 15px}.recurpay-modal .recurpay__widget .recurpay__action button{padding:20px 12px;min-height:unset;height:unset}.recurpay-modal .recurpay__widget .recurpay_custom__plan{padding:12px 10px}.recur-modal-close{position:absolute;right:15px;top:10px;color:#727272;cursor:pointer;font-size:22px;border-radius:50%;padding:2px;width:28px;height:28px;display:flex;align-items:center;justify-content:center}.recurpay-modal .recurpay__widget .recurpay__label{padding:17px 40px 17px 10px}}.close_bg{position:fixed;z-index:1;background:transparent;width:100%;height:100%}
/*# sourceMappingURL=/cdn/shop/t/19/assets/recurpay-collection.css.map */