.arles-popup{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:grid;place-items:center;padding:2rem;box-sizing:border-box}.arles-popup[hidden]{display:none}.arles-popup__shade{display:block;position:absolute;top:0;right:0;bottom:0;left:0;background:#000000a6;opacity:0;transition:opacity .56s ease;cursor:pointer}.arles-popup.is-open .arles-popup__shade{opacity:1}.arles-popup__panel{position:relative;display:grid;grid-template-columns:minmax(0,42%) minmax(0,1fr);width:min(78rem,100%);max-height:min(60rem,calc(100vh - 4rem));box-sizing:border-box;overflow:hidden;background:rgb(var(--color-background));border:1px solid rgba(var(--color-foreground),.14);opacity:0;transform:translateY(18px) scale(.98);transition:opacity .56s ease,transform .56s cubic-bezier(.22,.61,.36,1)}.arles-popup.is-open .arles-popup__panel{opacity:1;transform:none}.arles-popup__close{position:absolute;top:1.2rem;right:1.2rem;z-index:2;display:grid;place-items:center;width:3.6rem;height:3.6rem;padding:0;background:transparent;border:0;color:rgb(var(--color-foreground));cursor:pointer;opacity:.7;transition:opacity .24s ease,transform .36s cubic-bezier(.22,.61,.36,1)}.arles-popup__close:hover{opacity:1;transform:rotate(90deg)}.arles-popup__close svg{width:1.6rem;height:1.6rem}.arles-popup__photo{position:relative;min-height:100%}.arles-popup__photo img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.arles-popup__body{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:clamp(3rem,5vw,5.6rem);color:rgb(var(--color-foreground))}.arles-popup__eyebrow{margin:0 0 1.6rem;font-size:1.1rem;font-weight:600;letter-spacing:.26em;text-transform:uppercase;opacity:.5}.arles-popup__heading{margin:0 0 1.4rem;font-size:clamp(2.6rem,3vw,3.6rem);font-weight:600;line-height:1.05;letter-spacing:.02em;text-transform:uppercase}.arles-popup__text{margin:0 0 2.6rem;font-size:1.35rem;line-height:1.65;opacity:.65}.arles-popup__field{width:100%;border-bottom:1px solid rgba(var(--color-foreground),.3);transition:border-color .28s ease;margin-bottom:2rem}.arles-popup__field:focus-within{border-color:rgb(var(--color-foreground))}.arles-popup__input{width:100%;box-sizing:border-box;padding:1rem 0 1.2rem;background:transparent;border:0;color:rgb(var(--color-foreground));font-size:1.4rem;letter-spacing:.04em}.arles-popup__input::placeholder{color:rgba(var(--color-foreground),.4);letter-spacing:.14em;text-transform:uppercase;font-size:1.15rem}.arles-popup__input:focus,.arles-popup__input:focus-visible{outline:none;box-shadow:none}.arles-popup__error{display:block;margin:-1rem 0 1.6rem;font-size:1.2rem;opacity:.85}.arles-popup__submit{width:100%;box-sizing:border-box;padding:1.5rem 2rem;background:rgb(var(--color-foreground));color:rgb(var(--color-background));border:1px solid rgb(var(--color-foreground));font:inherit;font-size:1.2rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;cursor:pointer;transition:opacity .24s ease}.arles-popup__submit:hover{opacity:.85}.arles-popup__dismiss{margin:1.6rem auto 0;padding:.4rem;background:transparent;border:0;color:rgb(var(--color-foreground));font:inherit;font-size:1.15rem;letter-spacing:.12em;text-transform:uppercase;opacity:.45;cursor:pointer;transition:opacity .24s ease}.arles-popup__dismiss:hover{opacity:.9}.arles-popup__code{margin:0 0 2.6rem;padding:1.2rem 2.4rem;border:1px dashed rgba(var(--color-foreground),.45);font-size:2rem;font-weight:600;letter-spacing:.3em;text-transform:uppercase}@media screen and (max-width:749px){.arles-popup{padding:1.2rem;align-items:end}.arles-popup__panel{grid-template-columns:1fr;max-height:calc(100vh - 2.4rem);overflow-y:auto}.arles-popup__photo{min-height:0;height:16rem}.arles-popup__photo img{object-position:50% 22%}.arles-popup__body{padding:2.4rem 2rem 2.8rem}}@media(prefers-reduced-motion:reduce){.arles-popup__shade,.arles-popup__panel{transition:opacity .2s ease}.arles-popup__panel,.arles-popup__close:hover{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/section-arles-popup.css.map */