.matter-region{display:block;margin-inline-start:auto;color:inherit}.matter-region__trigger{display:flex;align-items:center;gap:9px;padding:6px 0;min-height:44px;background:transparent;border:0;color:inherit;font:inherit;font-size:12px;cursor:pointer}.matter-region__trigger>svg{width:18px;height:18px;flex:none}.matter-region__caret{display:flex;width:11px;margin-inline-start:3px}.matter-region__caret svg{width:100%;height:auto}.matter-region__drawer{box-sizing:border-box;position:fixed;inset:0 0 0 auto;margin:0;width:min(480px,100%);height:100dvh;max-height:100dvh;max-width:100%;border:0;padding:34px;background:#fbfaf7;color:#2d2b28;text-align:start;box-shadow:-12px 0 50px #00000014}.matter-region__drawer[open]{animation:matter-region-in .32s cubic-bezier(.22,.61,.36,1) both}.matter-region__drawer.dialog-closing{animation:matter-region-out .22s ease both}.matter-region__drawer::backdrop{background:#1e1c194d}.matter-region__heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:42px}.matter-region__heading h2{margin:0;font-family:var(--font-heading--family,Georgia,serif);font-weight:400;font-size:28px}.matter-region__close{width:44px;height:44px;display:grid;place-items:center;padding:12px;border:0;background:transparent;color:inherit;cursor:pointer}.matter-region__close svg{width:20px;height:20px}.matter-region__summary{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding:0 0 28px;margin:0 0 28px;border-bottom:1px solid #dedbd5}.matter-region dt,.matter-region__language>p{font-size:12px;color:#716b62;margin:0 0 14px}.matter-region dd{margin:0;font-size:16px}.matter-region__language .language-selector{padding:0}.matter-region__language .localization-form__select{width:100%;max-width:none;min-height:48px;padding:12px 32px 12px 12px;border:1px solid #dedbd5;background:transparent;color:inherit;text-align:start;font-size:15px}.matter-region__language .language-selector .icon-caret{right:12px;width:12px;height:12px;pointer-events:none}.matter-region button:focus-visible,.matter-region select:focus-visible{outline:2px solid #594632;outline-offset:3px}@keyframes matter-region-in{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes matter-region-out{0%{transform:translate(0)}to{transform:translate(100%)}}@media(max-width:749px){.matter-region__trigger{font-size:11px;gap:6px}.matter-region__drawer{padding:24px}.matter-region__heading h2{font-size:25px}}@media(prefers-reduced-motion:reduce){.matter-region__drawer[open],.matter-region__drawer.dialog-closing{animation-duration:1ms}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/matter-region-selector.css.map */