@charset "UTF-8";.gift-a-friend__container{padding:2.1875rem 1.25rem;border-radius:.375rem;margin-bottom:1.875rem;position:relative;overflow:hidden;-webkit-transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,-webkit-box-shadow,-webkit-transform,-webkit-filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,-webkit-box-shadow,-webkit-transform,-webkit-filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-box-shadow,-webkit-transform,-webkit-filter,-webkit-backdrop-filter;-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1);-webkit-transition-duration:1s;transition-duration:1s;max-height:100%;display:block}@media (min-width: 64em){.gift-a-friend__container{padding:2.75rem 2.5rem;margin-top:2.75rem;margin-bottom:2.75rem}}.gift-a-friend__loader{width:3rem;height:3rem;border-radius:50%;position:absolute;left:0;right:0;top:40%;margin-left:auto;margin-right:auto;-webkit-transform-origin:center;transform-origin:center;opacity:0;-webkit-animation:rotate 1s linear infinite;animation:rotate 1s linear infinite}.gift-a-friend__loader:before{--tw-content: "";content:var(--tw-content);-webkit-box-sizing:border-box;box-sizing:border-box;position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border-width:.3125rem;border-style:solid;--tw-border-opacity: 1;border-color:rgba(0,0,0,var(--tw-border-opacity));-webkit-transform-origin:center;transform-origin:center;-webkit-animation:gafLoader 2s linear infinite;animation:gafLoader 2s linear infinite}.gift-a-friend--loading .gift-a-friend__loader{opacity:1;-webkit-transition-delay:.1s;transition-delay:.1s}.gift-a-friend__step{-webkit-transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,-webkit-box-shadow,-webkit-transform,-webkit-filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,-webkit-box-shadow,-webkit-transform,-webkit-filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-box-shadow,-webkit-transform,-webkit-filter,-webkit-backdrop-filter;-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1);-webkit-transition-duration:.5s;transition-duration:.5s;display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}@media (min-width: 64em){.gift-a-friend__step{grid-template-columns:repeat(12,minmax(0,1fr));margin-left:auto;margin-right:auto;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}}.gift-a-friend__header{grid-column:span 4 / span 4;text-align:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;margin-bottom:2rem}@media (min-width: 64em){.gift-a-friend__header{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;text-align:left;grid-column:span 4 / span 4;grid-column-start:2;margin-bottom:0}}.gift-a-friend__content{display:block;text-align:center}@media (min-width: 64em){.gift-a-friend__content{grid-column:span 12 / span 12}}.gift-a-friend__form{position:relative;grid-column:span 4 / span 4}@media (min-width: 64em){.gift-a-friend__form{grid-column:span 5 / span 5;grid-column-start:7}}.gift-a-friend__form-container{-webkit-transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,-webkit-box-shadow,-webkit-transform,-webkit-filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,-webkit-box-shadow,-webkit-transform,-webkit-filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-box-shadow,-webkit-transform,-webkit-filter,-webkit-backdrop-filter;-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1);-webkit-transition-duration:.4s;transition-duration:.4s}.gift-a-friend--loading .gift-a-friend__form-container{opacity:.3}.gift-a-friend--success .gift-a-friend__form-container{--tw-translate-x: 200%;-webkit-transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.gift-a-friend__complete{-webkit-transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,-webkit-box-shadow,-webkit-transform,-webkit-filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,-webkit-box-shadow,-webkit-transform,-webkit-filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-box-shadow,-webkit-transform,-webkit-filter,-webkit-backdrop-filter;-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1);-webkit-transition-duration:.4s;transition-duration:.4s;top:50%;--tw-translate-y: -50%;opacity:0;--tw-scale-x: .9;--tw-scale-y: .9;-webkit-transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));pointer-events:none}.gift-a-friend--success .gift-a-friend__complete{opacity:1;--tw-scale-x: 1;--tw-scale-y: 1;-webkit-transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));-webkit-transition-delay:.2s;transition-delay:.2s}.gift-a-friend__media{max-width:6.25rem;margin-left:auto;margin-right:auto;margin-bottom:1.25rem}@media (min-width: 64em){.gift-a-friend__media{margin-left:0;margin-right:0;margin-bottom:0;max-width:8.125rem}}.gift-a-friend__title{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}@media (min-width: 64em){.gift-a-friend__title{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}}.gift-a-friend__tier{position:absolute;top:50%;--tw-translate-y: -50%;-webkit-transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));left:0;right:0;text-align:center;max-width:21rem;margin-left:auto;margin-right:auto}.gift-a-friend__tier-icon{margin-bottom:1rem;text-align:center}.gift-a-friend__tier-text{font-size:.875rem;font-weight:700}@media (min-width: 64em){.gift-a-friend__tier-text{font-size:1.125rem}}@supports ((-webkit-background-clip: text) or (background-clip: text)) or (-webkit-background-clip: text){.gift-a-friend__tier-text span{color:transparent;background:-webkit-gradient(linear,left top,right top,color-stop(-1.39%,#ED47F5),color-stop(69.33%,#439BF4));background:linear-gradient(to right,#ed47f5 -1.39%,#439bf4 69.33%);-webkit-background-clip:text;background-clip:text}}.gift-a-friend__error{--tw-bg-opacity: 1;background-color:rgba(240,146,139,var(--tw-bg-opacity));padding:.625rem;border-radius:.25rem;position:relative;font-size:.75rem}.gift-a-friend__error:before{--tw-content: "";content:var(--tw-content);display:block;position:absolute;width:.5rem;height:.5rem;--tw-bg-opacity: 1;background-color:rgba(240,146,139,var(--tw-bg-opacity));--tw-rotate: 45deg;-webkit-transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));top:-.2rem;left:.625rem}@-webkit-keyframes rotate{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotate{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes gafLoader{0%{-webkit-clip-path:polygon(50% 50%,0 0,0 0,0 0,0 0,0 0);clip-path:polygon(50% 50%,0 0,0 0,0 0,0 0,0 0)}25%{-webkit-clip-path:polygon(50% 50%,0 0,100% 0,100% 0,100% 0,100% 0);clip-path:polygon(50% 50%,0 0,100% 0,100% 0,100% 0,100% 0)}50%{-webkit-clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,100% 100%,100% 100%);clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,100% 100%,100% 100%)}75%{-webkit-clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,0 100%,0 100%);clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,0 100%,0 100%)}to{-webkit-clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,0 100%,0 0);clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,0 100%,0 0)}}@keyframes gafLoader{0%{-webkit-clip-path:polygon(50% 50%,0 0,0 0,0 0,0 0,0 0);clip-path:polygon(50% 50%,0 0,0 0,0 0,0 0,0 0)}25%{-webkit-clip-path:polygon(50% 50%,0 0,100% 0,100% 0,100% 0,100% 0);clip-path:polygon(50% 50%,0 0,100% 0,100% 0,100% 0,100% 0)}50%{-webkit-clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,100% 100%,100% 100%);clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,100% 100%,100% 100%)}75%{-webkit-clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,0 100%,0 100%);clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,0 100%,0 100%)}to{-webkit-clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,0 100%,0 0);clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,0 100%,0 0)}}
/*# sourceMappingURL=/cdn/shop/t/498/assets/gift-a-friend.css.map */