.yap-company-account{padding:clamp(2rem,4vw,3.75rem) var(--yap-gutter);background:rgb(var(--color-background));color:rgb(var(--color-foreground))}.yap-company-account__inner{display:grid;width:min(100%,82.5rem);grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(2rem,5vw,4rem);margin-inline:auto}.yap-company-account__eyebrow{display:flex;align-items:center;gap:.5625rem;margin:0 0 .75rem;font-size:1rem;font-weight:700;letter-spacing:0;text-transform:uppercase}.yap-company-account__eyebrow:before,.yap-b2b-context__eyebrow:before{width:.375rem;height:.375rem;flex:none;border-radius:50%;background:var(--yap-bubblegum);content:""}.yap-company-account__title,.yap-company-account__new-title{margin:0;font-size:clamp(1.875rem,2.917vw,2.625rem);line-height:1.08;letter-spacing:0}.yap-company-account__intro{margin-top:1.25rem;color:rgba(var(--color-foreground),.78);font-size:1.125rem;line-height:1.6}.yap-company-account__intro>:first-child,.yap-company-account__intro>:last-child{margin-block:0}.yap-company-account__content,.yap-company-account__form-area{min-width:0}.yap-company-account__form-area{padding-inline-start:clamp(2rem,4vw,3rem);border-inline-start:1px solid var(--yap-border)}.yap-company-account__new-title{margin-bottom:1.25rem}.yap-company-account__form-area>.yap-account-offer{margin-bottom:1.25rem}.yap-company-account__login{margin-top:1.5rem}.yap-company-account__login .yap-button{display:flex;justify-content:center;align-items:center;gap:1.5rem;width:100%;min-height:3.5rem}.yap-company-account__vip{margin-top:1.75rem;padding-top:1.75rem;border-top:1px solid var(--yap-border)}.yap-company-account__benefits{margin-top:2rem}.yap-company-account__benefits>h2{margin:0 0 1.25rem;font-family:inherit;font-size:.8125rem;font-weight:700;line-height:1.4;letter-spacing:.14em;text-transform:uppercase}.yap-company-account__benefits ul{display:grid;gap:1.5rem;margin:0;padding:0;list-style:none}.yap-company-account__benefits li{display:grid;grid-template-columns:3rem minmax(0,1fr);gap:1rem}.yap-company-account__benefits h3{margin:0;font-family:inherit;font-size:1.0625rem;line-height:1.35;text-transform:none}.yap-company-account__benefits p{margin:.25rem 0 0;color:rgba(var(--color-foreground),.78);font-size:1rem;line-height:1.45}.yap-company-account__benefit-icon{display:grid;place-items:center;width:3rem;height:3rem;border-radius:50%;background:var(--yap-sand)}.yap-company-account__benefit-icon svg{width:1.75rem;height:1.75rem}.yap-company-account .yap-field{display:flex;flex-direction:column;gap:.3125rem;min-width:0}.yap-company-account .yap-field--full{grid-column:1 / -1}.yap-company-account .yap-field label{font-size:.875rem;line-height:1.35}.yap-company-account .yap-field small{font-size:.8125rem;line-height:1.4}.yap-company-account__privacy a,.yap-company-account__note a{color:inherit;text-underline-offset:.1875rem}.yap-company-account__form,.yap-company-account__app-form{min-width:0}.yap-company-account__form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.875rem 1.25rem}.yap-company-account__group{display:grid;grid-column:1 / -1;grid-template-columns:repeat(2,minmax(0,1fr));gap:inherit;min-width:0;margin:0;padding:0;border:0}.yap-company-account__group+.yap-company-account__group{margin-top:.25rem;padding-top:.75rem;border-top:1px solid var(--yap-border)}.yap-company-account__group>.yap-field--standalone{grid-column:1 / -1}.yap-company-account__form-heading{grid-column:1 / -1;margin:0 0 .375rem;font-size:clamp(1.375rem,2vw,1.75rem);line-height:1.2}.yap-company-account .yap-field input,.yap-company-account .yap-field select,.yap-company-account .yap-field textarea{box-sizing:border-box;width:100%;min-height:2.75rem;padding:.625rem .75rem;border:.0625rem solid rgba(42,42,42,.35);border-radius:.3125rem;background:var(--yap-white);color:rgb(var(--color-foreground));font:inherit}.yap-company-account .yap-field textarea{min-height:5rem;resize:vertical}.yap-company-account .yap-field input:focus-visible,.yap-company-account .yap-field select:focus-visible,.yap-company-account .yap-field textarea:focus-visible,.yap-company-account__privacy input:focus-visible+label{outline:.125rem solid var(--yap-charcoal);outline-offset:.125rem}.yap-company-account__privacy,.yap-company-account__marketing{display:grid;grid-column:1 / -1;grid-template-columns:1.25rem minmax(0,1fr);align-items:start;gap:.625rem;color:rgba(var(--color-foreground),.78);font-size:.875rem;line-height:1.55}.yap-company-account__privacy input,.yap-company-account__marketing input{width:1.125rem;height:1.125rem;margin:.125rem 0 0;accent-color:var(--yap-charcoal)}.yap-company-account__privacy label,.yap-company-account__marketing label{border-radius:.25rem;cursor:pointer}.yap-company-account__privacy input:focus-visible+label,.yap-company-account__marketing input:focus-visible+label{outline:.125rem solid var(--yap-charcoal);outline-offset:.125rem}.yap-company-account__note{grid-column:1 / -1;margin:0;padding:.875rem 1rem;border-left:.25rem solid var(--yap-sand);background:rgb(var(--color-background-secondary));color:rgba(var(--color-foreground),.78);font-size:.875rem;line-height:1.55}.yap-company-account__note>:first-child,.yap-company-account__note>:last-child{margin-block:0}.yap-company-account__form-area>[data-yap-existing-company-note]{margin-block-end:1.5rem;overflow-wrap:anywhere}[data-yap-existing-company-note] h2{font-size:1.125rem;line-height:1.35}.yap-company-account__submit{grid-column:1 / -1}.yap-company-account__submit .yap-button{width:100%;min-width:0;min-height:3.25rem;padding-inline:.75rem;text-align:center;white-space:normal;border-radius:.3125rem}.yap-b2b-context{box-sizing:border-box;width:100%;max-width:32.5rem;padding:1.5rem;border-left:.25rem solid var(--yap-bubblegum);background:var(--yap-sand);color:var(--yap-charcoal)}.yap-b2b-context__eyebrow{display:flex;align-items:center;gap:.5625rem;margin:0 0 .5rem;color:var(--yap-graphite);font-size:1rem;font-weight:700;letter-spacing:0;text-transform:uppercase}.yap-b2b-context__title{margin:0;font-size:1.25rem;line-height:1.25}.yap-b2b-context__text,.yap-b2b-context__meta{margin:.625rem 0 0;color:var(--yap-graphite);font-size:.875rem;line-height:1.55}.yap-b2b-context__meta strong{color:var(--yap-charcoal)}.yap-b2b-context__actions{display:flex;flex-wrap:wrap;gap:.625rem 1rem;margin-top:1.125rem}.yap-b2b-context__actions a,.yap-b2b-context__locations a{color:var(--yap-charcoal);font-size:.875rem;font-weight:600;text-underline-offset:.1875rem}.yap-b2b-gate-message{margin:.75rem 0 0;color:var(--yap-graphite);font-size:.875rem;line-height:1.45}.yap-b2b-context__locations{margin-top:1.125rem}.yap-b2b-context__locations summary{cursor:pointer;font-size:.875rem;font-weight:600}.yap-b2b-context__locations ul{display:grid;gap:.5rem;margin:.75rem 0 0;padding-left:1.125rem}.main-cart--yap .cart__footer>.yap-b2b-context{flex:1 1 20rem;margin-right:auto}.main-cart--yap .cart__footer--with-b2b{flex-wrap:wrap}.main-cart--yap .cart__footer--with-b2b>.main-cart__discount-code{flex:1 1 15rem}.main-cart--yap .cart__footer--with-b2b>.cart__blocks{flex:0 0 20rem}@media screen and (max-width:989px){.yap-company-account__inner{grid-template-columns:minmax(0,1fr)}.yap-company-account__form-area{padding-inline-start:0;padding-top:2rem;border-inline-start:0;border-top:1px solid var(--yap-border)}.main-cart--yap .cart__footer>.yap-b2b-context{max-width:20rem;margin-left:auto}}@media screen and (max-width:749px){.yap-company-account{padding-inline:1.125rem}.yap-company-account__form,.yap-company-account__group{grid-template-columns:minmax(0,1fr)}.yap-company-account__form-heading,.yap-company-account__privacy,.yap-company-account__marketing,.yap-company-account__note,.yap-company-account__submit,.yap-field--full{grid-column:auto}}@media screen and (max-width:479px){.main-cart--yap .cart__footer>.yap-b2b-context{max-width:none}}.yap-company-account .yap-field select{appearance:none;-webkit-appearance:none;padding-right:2.75rem;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='m4 6 4 4 4-4' stroke='%232a2a2a' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;background-size:1rem 1rem}@media screen and (min-width:1200px){.yap-company-account{--yap-company-spacing: clamp(0rem, calc((100svh - var(--header-height, var(--yap-header-height)) - var(--ann-height, 0px) - 36rem) / 64), .5rem);display:grid;min-height:calc(100svh - var(--header-height, var(--yap-header-height)) - var(--ann-height, 0px));align-items:center;padding:clamp(.125rem,.4vh,.5rem) clamp(1.5rem,3vw,3rem)}.yap-company-account__inner{width:min(100%,90rem);grid-template-columns:minmax(16.25rem,.7fr) minmax(0,1.7fr);gap:2rem}.yap-company-account__form-area{padding-inline-start:2rem}.yap-company-account__eyebrow{margin-bottom:.375rem;font-size:.8125rem}.yap-company-account__title,.yap-company-account__new-title{font-size:1.625rem;line-height:1.15}.yap-company-account__new-title{margin-bottom:.375rem}.yap-company-account__intro{margin-block:.5rem .625rem;font-size:.875rem;line-height:1.4}.yap-company-account__login{margin-top:.75rem}.yap-company-account__login .yap-button{min-height:2.5rem;padding-block:.5rem;font-size:.875rem}.yap-company-account__vip{margin-top:.75rem;padding-top:.75rem}.yap-company-account__vip .yap-vip-benefit{margin:0;padding:.625rem;font-size:.8125rem;line-height:1.4}.yap-company-account__benefits{margin-top:.75rem}.yap-company-account__benefits>h2{margin-bottom:.625rem;font-size:.75rem}.yap-company-account__benefits ul{gap:.5rem}.yap-company-account__benefits li{grid-template-columns:2rem minmax(0,1fr);gap:.625rem}.yap-company-account__benefits h3{font-size:.875rem}.yap-company-account__benefits p{font-size:.8125rem;line-height:1.4}.yap-company-account__benefit-icon{width:2rem;height:2rem}.yap-company-account__benefit-icon svg{width:1.25rem;height:1.25rem}.yap-company-account__form{grid-template-columns:repeat(2,minmax(0,1fr));gap:calc(.25rem + var(--yap-company-spacing)) .75rem}.yap-company-account__group+.yap-company-account__group{margin-top:calc(.125rem + var(--yap-company-spacing) * 2);padding-top:calc(.375rem + var(--yap-company-spacing) * 2)}.yap-company-account__group>.yap-field{display:grid;grid-template-columns:11.25rem minmax(0,1fr);align-items:center;gap:.375rem}.yap-company-account__group>.yap-field--full,.yap-company-account__group>.yap-field--standalone{grid-column:1 / -1;grid-template-columns:11.25rem minmax(0,1fr)}.yap-company-account__group>[data-yap-business-proof]{display:flex;align-items:stretch;max-width:34.125rem;gap:.125rem}.yap-company-account .yap-field label,.yap-company-account .cl-upload--label{font-size:.8125rem;line-height:1.3}.yap-company-account .yap-field input,.yap-company-account .yap-field select,.yap-company-account .yap-field textarea{max-width:20rem;min-height:1.75rem;height:1.75rem;padding:.1875rem .5rem;font-size:.875rem;line-height:1.4}.yap-company-account .yap-field select{max-width:15rem;padding-right:2.25rem}.yap-company-account .yap-field--street input,.yap-company-account .yap-field--referral input,.yap-company-account .yap-field textarea{max-width:22.5rem}.yap-company-account .yap-field--postal input{max-width:5.625rem}.yap-company-account .yap-field textarea{min-height:2.5rem;height:2.5rem}.yap-company-account .yap-field small{font-size:.75rem;line-height:1.35}.yap-company-account .cl-upload--wrapper{margin-bottom:0}.yap-company-account .filepond--drop-label label{font-size:.8125rem}.yap-company-account__privacy,.yap-company-account__marketing{font-size:.8125rem;line-height:1.35}.yap-company-account__submit{width:50%;justify-self:center;margin-block:max(.25rem,calc(var(--yap-company-spacing) * 4.5))}.yap-company-account__submit .yap-button{min-height:2.25rem;padding-block:.375rem;font-size:.875rem}.yap-company-account__note{padding:.25rem .5rem;font-size:.75rem;line-height:1.35}}@media(forced-colors:active){.yap-company-account .yap-field select{appearance:auto;-webkit-appearance:auto;background-image:none}}.yap-company-account .yap-registration-account-hint{grid-column:1 / -1;margin:0;font-size:.8125rem;line-height:1.4}.yap-company-account .yap-registration-account-hint a{color:inherit;text-decoration:underline;text-underline-offset:.15em}@media screen and (min-width:1200px){.yap-company-account .yap-registration-account-hint--compact{grid-column:2}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/yap-company-account.css.map */