.orientation-animation{z-index:2147483647;box-sizing:border-box;color:#24466c;isolation:isolate;background:#fff;border:1px solid #cddced;border-radius:15px;width:268px;max-width:calc(100vw - 16px);max-height:calc(100dvh - 16px);padding:13px 15px 14px;font-family:inherit;position:fixed;overflow:auto;box-shadow:0 12px 42px #19395b28}.orientation-animation-heading{justify-content:space-between;align-items:center;gap:8px;display:flex}.orientation-animation-heading strong{font-size:12px;line-height:1.5}.orientation-animation-heading button{color:#52708e;cursor:pointer;background:#f0f5fa;border:0;border-radius:50%;flex-shrink:0;place-items:center;width:28px;height:28px;font-family:inherit;font-size:20px;line-height:1;display:grid}.orientation-animation-heading button:focus-visible{outline-offset:2px;outline:2px solid #2563eb}.orientation-animation-stage{background:radial-gradient(#f2f7fd 0,#0000 70%);justify-content:center;height:138px;display:flex}.orientation-animation-stage svg{stroke:#6683a4;stroke-width:.65px;stroke-linejoin:round;width:156px;height:138px}.orientation-animation .orientation-face-L{fill:#84aee0}.orientation-animation .orientation-face-W{fill:#d0e2f5}.orientation-animation .orientation-face-H{fill:#e7dbc4}.orientation-animation .orientation-box-shadow{fill:#dbe5ef;stroke:none;opacity:.65}.orientation-animation p{text-align:center;margin:0;line-height:1.6}.orientation-animation .orientation-animation-caption{color:#3d618b;font-size:11px}.orientation-animation .orientation-animation-description{color:#70859d;overflow-wrap:anywhere;border-top:1px solid #edf1f7;margin-top:7px;padding-top:8px;font-size:10px}.orientation-animation::backdrop{pointer-events:none;background:0 0}.orientation-picker{border:0;min-width:0;margin:14px 0;padding:0}.orientation-picker legend{color:#405a7b;padding:0;font-size:12px;font-weight:600}.orientation-picker-options{grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:9px;margin-top:12px;display:grid}.orientation-picker-options button{color:#647b97;cursor:pointer;background:#fafcfe;border:1px solid #dce5ef;border-radius:11px;flex-direction:column;justify-content:flex-end;align-items:center;gap:3px;min-width:0;min-height:108px;padding:17px 8px 10px;transition:background .15s,border-color .15s;display:flex;position:relative}.orientation-picker-options button:hover:not(:disabled){background:#f3f8ff;border-color:#91afd4}.orientation-picker-options button[aria-pressed=true]{color:#24558b;background:#edf5ff;border-color:#548dde;box-shadow:inset 0 0 0 1px #548dde20}.orientation-picker-options button:disabled{cursor:default}.orientation-picker:disabled{opacity:.6}.orientation-picker-options svg{stroke:#6683a4;stroke-width:.65px;stroke-linejoin:round;width:72px;max-width:100%;height:64px;display:block}.orientation-face-L{fill:#84aee0}.orientation-face-W{fill:#d0e2f5}.orientation-face-H{fill:#e7dbc4}.orientation-box-shadow{fill:#dbe5ef;stroke:none;opacity:.65}.orientation-picker-options .orientation-choice-label{white-space:normal;text-align:center;overflow-wrap:anywhere;justify-content:center;align-items:center;min-height:2.9em;font-size:10px;line-height:1.45;display:flex}.orientation-picker-options .orientation-choice-number{color:#8296ad;letter-spacing:.03em;font-size:9px;font-weight:650;line-height:1;position:absolute;top:7px;left:9px}.orientation-picker-options i{color:#9bacc0;border-radius:50%;place-items:center;width:17px;height:17px;font-size:11px;font-style:normal;display:grid;position:absolute;top:5px;right:7px}.orientation-picker-options button[aria-pressed=true] i{color:#fff;background:#3979ca}.orientation-picker p{color:#7b8da3;margin:10px 0 0;font-size:10px;line-height:1.7}.orientation-picker-options button:focus-visible{outline-offset:3px;outline:2px solid #2563eb}@media (max-width:380px){.orientation-picker-options{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){.orientation-picker-options button{transition:none}}