.xmatic-experience{color:#f7f4ed;background:#111311;width:100vw;height:100svh;position:relative;overflow:hidden}.xmatic-chrome{z-index:3;pointer-events:none;justify-content:flex-end;align-items:flex-start;padding:clamp(1rem,2.2vw,2rem);display:flex;position:absolute;inset:0 0 auto}.xmatic-back{pointer-events:auto;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0d0f0ebd;border:1px solid #ffffff38;border-radius:999px;align-items:center;gap:.85rem;min-height:3.6rem;padding:.65rem 1rem .65rem .75rem;transition:transform .3s,background .3s,border-color .3s;display:inline-flex;box-shadow:0 .75rem 2.5rem #0003}.xmatic-back:hover{background:#0d0f0ee6;border-color:#ffffff61;transform:translateY(-2px)}.xmatic-back>span:first-child{color:#171512;background:#f3eee5;border-radius:50%;place-items:center;width:2.25rem;height:2.25rem;font-size:1rem;display:grid}.xmatic-back>span:last-child{text-transform:uppercase;letter-spacing:.12em;flex-direction:column;gap:.15rem;font-size:.56rem;font-weight:700;display:flex}.xmatic-back small{color:#d7a86f;letter-spacing:.18em;font-size:.5rem}.xmatic-loader{z-index:0;color:#ffffffa6;text-transform:uppercase;letter-spacing:.18em;place-content:center;justify-items:center;gap:1rem;font-size:.58rem;display:grid;position:absolute;inset:0}.xmatic-loader span{border:1px solid #ffffff38;border-top-color:#d7a86f;border-radius:50%;width:2.5rem;height:2.5rem;animation:1s linear infinite xmatic-spin}.xmatic-frame{z-index:1;background:0 0;border:0;width:100%;height:100%;position:absolute;inset:0}@keyframes xmatic-spin{to{transform:rotate(360deg)}}@media (max-width:650px){.xmatic-chrome{padding:.75rem}.xmatic-back{min-height:3.1rem;padding:.45rem .75rem .45rem .5rem}.xmatic-back>span:first-child{width:2.1rem;height:2.1rem}.xmatic-back>span:last-child{display:none}}@media (prefers-reduced-motion:reduce){.xmatic-loader span{animation-duration:2.5s}}