.component-primary-checkbox-container{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;height:24px;padding-left:24px;display:flex;position:relative}.component-primary-checkbox-container .component-primary-checkbox-label{width:fit-content;font-size:var(--typography-body-small-font-size,14px);color:var(--color-grey-600,#2a2e34);margin-left:6px}.component-primary-checkbox-container .component-primary-checkbox-label.none{width:0;margin-left:0;display:none}.component-primary-checkbox-container .component-primary-checkbox{cursor:pointer;opacity:0;width:0;height:0;position:absolute}.component-primary-checkbox-container .check-mark{border:1px solid var(--color-primary-200,#d8b2ff);box-sizing:border-box;background-color:#fff;border-radius:8px;flex-shrink:0;width:24px;height:24px;position:absolute;top:0;left:0;overflow:hidden}.component-primary-checkbox-container .check-mark:before{content:"";background-color:var(--color-primary-500,#8c62ff);opacity:0;box-sizing:border-box;border-radius:6px;width:100%;height:100%;transition:opacity .15s;position:absolute;top:0;left:0}.component-primary-checkbox-container .check-mark .checkmark-icon{opacity:0;pointer-events:none;color:#fff;justify-content:center;align-items:center;width:12px;height:12px;transition:opacity .15s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.component-primary-checkbox-container .check-mark .checkmark-icon svg{stroke:currentColor;fill:none}.component-primary-checkbox-container input:checked~.check-mark:before,.component-primary-checkbox-container input:checked~.check-mark .checkmark-icon{opacity:1}.component-primary-checkbox-container:hover .check-mark{border-color:var(--color-primary-500,#8c62ff)}.component-primary-checkbox-container.login-remember-checkbox .check-mark{border-color:var(--color-primary-200,#d8b2ff);background-color:#fff}.component-primary-checkbox-container.login-remember-checkbox:hover .check-mark{border-color:var(--color-primary-200,#d8b2ff)}.component-primary-checkbox-container.disabled,.component-primary-checkbox-container.disabled .component-primary-checkbox{cursor:not-allowed}.component-primary-checkbox-container.disabled .check-mark,.component-primary-checkbox-container.disabled:hover .check-mark{border-color:var(--color-grey-300,#aeb3bc)}.component-primary-checkbox-container.disabled input:checked~.check-mark:before{background-color:var(--color-grey-300,#aeb3bc)}.component-primary-checkbox-container.sales-channel-private-brand{flex-shrink:0}.component-primary-checkbox-container .component-primary-checkbox-label.sales-channel-private-brand-label{white-space:nowrap}