x-modal.co-crie::part(content){max-width:920px;width:calc(100vw - 32px);padding:0;overflow-x:hidden;overflow-y:auto;max-height:90vh;max-height:90dvh;-webkit-overflow-scrolling:touch}x-modal.co-crie::part(header){position:absolute;inset-block-start:0;inset-inline-end:0;z-index:2;padding:14px;border:0;background:transparent}x-modal.co-crie::part(body){padding:0}x-modal.co-crie::part(close-button){background:rgb(var(--background) / .85);border-radius:999px;width:34px;height:34px;display:grid;place-items:center}.co-crie__grid{display:grid;grid-template-columns:1fr}.co-crie__media{aspect-ratio:3 / 2;overflow:hidden;background:#ececec}.co-crie__media img{width:100%;height:100%;object-fit:cover;object-position:50% 30%;display:block}.co-crie__content{padding:24px 20px 28px}.co-crie__step{display:flex;flex-direction:column;gap:14px}.co-crie__step[hidden]{display:none}.co-crie__eyebrow{font-size:11px;letter-spacing:.18em;text-transform:uppercase;opacity:.7;margin:0}.co-crie__title,.co-crie__text p{margin:0}.co-crie__cta{width:100%}.co-crie__time{margin-top:6px}.co-crie__small,.co-crie__hint{font-size:12px;opacity:.65;margin:0;line-height:1.5}.co-crie__field{display:flex;flex-direction:column;gap:6px;position:relative}.co-crie__field label{font-size:13px;font-weight:500}.co-crie__opt{font-weight:400;opacity:.6}.co-crie__field textarea.input{resize:vertical;min-height:110px;padding-block:12px}.co-crie__count{position:absolute;inset-inline-end:0;inset-block-start:0;font-size:11px;opacity:.5}.co-crie__label{font-size:13px;font-weight:500}.co-crie__file{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden}.co-crie__upload{position:relative;display:grid;place-items:center;min-height:104px;border:1px dashed rgb(var(--text-color) / .3);cursor:pointer;overflow:hidden;transition:border-color .2s,background-color .2s}.co-crie__upload:hover,.co-crie__upload:focus-within{border-color:rgb(var(--text-color) / .7);background:rgb(var(--text-color) / .03)}.co-crie__upload-empty{display:flex;flex-direction:column;align-items:center;gap:4px;font-size:13px;text-align:center;padding:14px;opacity:.8}.co-crie__upload-empty svg{opacity:.7;margin-bottom:2px}.co-crie__upload-preview{width:100%;max-height:180px;object-fit:contain;display:block}.co-crie__upload.has-file{border-style:solid}.co-crie__upload.has-file .co-crie__upload-empty{display:none}.co-crie__remove{align-self:flex-start;background:none;border:0;padding:0;font-size:12px;text-decoration:underline;cursor:pointer;color:inherit;opacity:.75}.co-crie__check{display:flex;gap:10px;align-items:flex-start;font-size:12px;line-height:1.45;cursor:pointer}.co-crie__check input{margin-top:2px;flex:none;width:16px;height:16px;accent-color:currentColor}.co-crie__hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.co-crie__error{color:#b42318;font-size:13px;margin:0}.co-crie .is-invalid{border-color:#b42318!important;outline-color:#b42318}.co-crie__check:has(.is-invalid){color:#b42318}.co-crie__actions{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:4px}.co-crie__actions .button{flex:1}.co-crie__back{background:none;border:0;padding:0;font-size:13px;text-decoration:underline;cursor:pointer;color:inherit}.co-crie__done{text-align:center;align-items:center;padding-block:24px}@media screen and (max-width:767px){x-modal.co-crie::part(base){align-items:start}x-modal.co-crie::part(content){align-self:start;margin-top:calc(var(--cocrie-vvtop, 0px) + 10px);height:auto;max-height:calc(var(--cocrie-vv, var(--cocrie-h, 100vh)) - 20px);overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}x-modal.co-crie::part(body){height:auto}.co-crie__grid{display:flex;flex-direction:column;min-height:calc(var(--cocrie-h, 100vh) - 20px)}.co-crie__media{flex:1 1 auto;min-height:200px;aspect-ratio:auto;position:relative}.co-crie__media img{position:absolute;top:0;right:0;bottom:0;left:0}.co-crie--form .co-crie__media{display:none}.co-crie__content{flex:0 0 auto;padding:20px 22px calc(20px + env(safe-area-inset-bottom,0px))}.co-crie--form .co-crie__content{flex:1 1 auto;display:flex;flex-direction:column;padding:26px 22px calc(22px + env(safe-area-inset-bottom,0px))}.co-crie__step{gap:12px}.co-crie__form{flex:1 1 auto;gap:16px}.co-crie__title.h3{font-size:20px;line-height:1.25}.co-crie__title.h5{font-size:15px;padding-inline-end:40px}.co-crie__text{font-size:13px;line-height:1.5}.co-crie__small{font-size:11px}.co-crie__field{gap:6px}.co-crie .input{font-size:16px;min-height:48px}.co-crie__field--grow{flex:1 1 auto}.co-crie__field--grow textarea.input{flex:1 1 auto;height:auto;min-height:110px;resize:none}.co-crie__upload{min-height:84px}.co-crie__upload-empty{flex-direction:row;gap:10px;padding:12px}.co-crie__upload-empty .co-crie__hint{display:none}.co-crie__upload-preview{max-height:120px}.co-crie__actions{margin-top:auto;padding-top:4px}.co-crie__done{justify-content:center;flex:1 1 auto}.co-crie__content:has(.co-crie__done:not([hidden])){flex:1 1 auto;display:flex}}@media screen and (min-width:768px){x-modal.co-crie::part(content){overflow:hidden;max-height:none}.co-crie__grid{grid-template-columns:1fr 1fr;min-height:520px}.co-crie__media,.co-crie--form .co-crie__media{aspect-ratio:auto;height:100%}.co-crie__content{padding:44px 40px;display:flex;align-items:center;max-height:86vh;overflow-y:auto}.co-crie__step{width:100%}}
/*# sourceMappingURL=/cdn/shop/t/26/assets/co-crie-popup.css.map */