:root{color:#fff8e9;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}button{font:inherit}.widget-demo-page{place-items:center;min-height:100vh;padding:clamp(16px,3vw,44px);display:grid}@media (width<=720px){.widget-demo-page{padding-inline:0}}.jewelry-box-widget{isolation:isolate;color:#fff8e9;width:min(100%,1680px);height:min(86vh,900px);min-height:580px;position:relative;overflow:hidden}.ring-webgl-stage{z-index:2;pointer-events:auto;touch-action:pan-y;width:100%;height:100%;position:absolute;inset:0;overflow:hidden}.jewelry-box-widget[data-ready=true][data-open=false] .ring-webgl-stage{cursor:pointer}.ring-webgl-stage canvas{display:block;width:100%!important;height:100%!important}.jewelry-box-widget__status{z-index:5;pointer-events:none;background:#051e1ff5;border:1px solid #cdbe9f59;border-radius:20px;width:min(330px,100% - 44px);padding:20px 22px 22px;position:absolute;bottom:clamp(24px,7vh,72px);left:clamp(22px,5vw,82px);box-shadow:0 20px 50px #0000003d}.jewelry-box-widget__status span,.jewelry-box-widget__status small{display:block}.jewelry-box-widget__status span{letter-spacing:.13em;text-transform:uppercase;color:#fff8e9a8;margin-bottom:10px;font-size:9px;font-weight:760}.jewelry-box-widget__status strong{font-family:Georgia,Times New Roman,serif;font-size:clamp(23px,2vw,31px);font-weight:400;line-height:1.06;display:block}.jewelry-box-widget__status small{color:#fff8e9b3;margin-top:12px}.jewelry-box-widget__control{z-index:6;min-width:162px;min-height:48px;color:inherit;cursor:pointer;background:#061e1ff0;border:1px solid #fff8e985;border-radius:999px;justify-content:space-between;align-items:center;gap:20px;padding:0 18px 0 21px;transition:background .18s,transform .18s;display:inline-flex;position:absolute;bottom:clamp(25px,6vh,62px);right:clamp(22px,4vw,68px)}.jewelry-box-widget__control:hover{background:#0c3636f0;transform:translateY(-2px)}.jewelry-box-widget__control:focus-visible{outline-offset:3px;outline:2px solid #eccd92}.jewelry-box-widget__control span{letter-spacing:.12em;text-transform:uppercase;font-size:10px;font-weight:750}.jewelry-box-widget__control i{border-bottom:1px solid;border-right:1px solid;width:8px;height:8px;transition:transform .3s;transform:rotate(45deg)}.jewelry-box-widget[data-open=true] .jewelry-box-widget__control i{transform:rotate(225deg)}.jewelry-box-widget__loading{z-index:20;opacity:1;visibility:visible;background:0 0;place-content:center;justify-items:center;gap:20px;transition:opacity .65s,visibility 0s linear .65s;display:grid;position:absolute;inset:0}.jewelry-box-widget[data-ready=true] .jewelry-box-widget__loading{opacity:0;visibility:hidden}.jewelry-box-widget__loading-box{width:84px;height:104px;transform-style:preserve-3d;border:1px solid #fff8e9b8;place-items:center;animation:2.6s ease-in-out infinite widget-loader-turn;display:grid}.jewelry-box-widget__loading-box i{font-family:Georgia,serif;font-size:18px;font-style:normal}.jewelry-box-widget__loading small{letter-spacing:.14em;text-transform:uppercase;font-size:10px}@keyframes widget-loader-turn{0%,to{transform:perspective(500px)rotateY(-22deg)}50%{transform:perspective(500px)rotateY(22deg)}}@media (width<=720px){.jewelry-box-widget{height:560px;min-height:520px;transition:height .38s}.jewelry-box-widget[data-roomy=true]{height:700px}}@media (width<=720px) and (prefers-reduced-motion:reduce){.jewelry-box-widget{transition:none}}.jewelry-box-widget[data-narrow=true] .jewelry-box-widget__status{width:auto;transition:transform .38s;inset:18px 18px auto;transform:translateY(96px)}.jewelry-box-widget[data-narrow=true][data-roomy=true] .jewelry-box-widget__status{transform:translateY(0)}.jewelry-box-widget[data-narrow=true] .jewelry-box-widget__control{bottom:18px;right:18px}.jewelry-box-widget[data-narrow=true] .jewelry-box-widget__status{padding:14px 16px 16px}.jewelry-box-widget[data-narrow=true] .jewelry-box-widget__status span{margin-bottom:6px}.jewelry-box-widget[data-narrow=true] .jewelry-box-widget__status strong{font-size:clamp(20px,5.5vw,26px)}.jewelry-box-widget[data-narrow=true] .jewelry-box-widget__status small{margin-top:8px}@media (prefers-reduced-motion:reduce){.jewelry-box-widget__loading-box{animation:none}.jewelry-box-widget__control,.jewelry-box-widget[data-narrow=true] .jewelry-box-widget__status{transition:none}}@media (hover:hover){.jewelry-box-widget__status{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#051e1fe0}.jewelry-box-widget__control{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#061e1fd6}}