.flexStoneExplorer{--flex-description-rise:clamp(24px,4dvh,40px);--flex-order-space:56px;--flex-selector-height:calc(clamp(150px,21dvh,190px) + env(safe-area-inset-bottom,0px))}.flexStoneExplorer .flexExplorerContent{bottom:var(--flex-selector-height)}.flexStoneExplorer .flexSphereSelector{height:var(--flex-selector-height);min-height:150px;max-height:none}.flexStoneExplorer .flexActiveMarker{bottom:max(4px,env(safe-area-inset-bottom));gap:3px}.flexStoneExplorer .flexActiveMarker i{height:12px}.flexStoneExplorer .flexApplicationVisual{margin-bottom:var(--flex-description-rise)}.flexStoneExplorer .flexTextureVisual{margin-top:calc(-1 * var(--flex-description-rise));margin-bottom:var(--flex-order-space)}.flexOrderAction{grid-area:3/1;align-self:end;min-width:0}.flexStoneExplorer .flexSpecs{margin-top:calc(-1 * var(--flex-description-rise));flex-direction:column;gap:12px;padding:16px;font-family:Arial,Tahoma,sans-serif;display:flex}.flexStoneExplorer .flexSpecs,.flexStoneExplorer .flexSpecs *{letter-spacing:normal!important;font-family:Arial,Tahoma,sans-serif!important}.flexStoneExplorer .flexSpecs[dir=rtl]{text-align:right;direction:rtl}.flexStoneExplorer .flexSpecs[dir=ltr]{text-align:left;direction:ltr}.flexStoneExplorer .flexSpecs>.flexDescriptionViewport{flex:1;min-height:0;display:block;position:relative}.flexDescriptionScroll{overscroll-behavior:contain;scrollbar-width:none;text-align:start;height:100%;padding-inline-end:18px;scroll-padding-bottom:34px;display:block;overflow:auto}.flexDescriptionScroll::-webkit-scrollbar{display:none}.flexDescriptionBody{padding-bottom:34px}.flexDescriptionScroll h2{letter-spacing:normal;margin:0 0 9px;font:600 20px/1.4 Arial,Tahoma,sans-serif}.flexDescriptionPoints{color:#f0f0f0;text-transform:none;margin:0;padding:0;font:400 15px/1.7 Arial,Tahoma,sans-serif;list-style:none}.flexDescriptionPoints>li{grid-template-columns:5px minmax(0,1fr);gap:8px;padding:6px 0;display:grid}.flexDescriptionPoints>li:before{content:"";background:#ddd;border-radius:1px;width:4px;height:4px;margin-top:.7em}.flexDescriptionPoints>li+li{border-top:1px solid #ffffff14}.flexDescriptionPoints strong{font-weight:600}.flexDescriptionRail{z-index:2;inset-inline-end:0;opacity:0;visibility:hidden;pointer-events:none;touch-action:none;cursor:pointer;background:linear-gradient(90deg,#fff1,#fff2,#fff1);border:1px solid #ffffff18;border-radius:999px;width:10px;position:absolute;top:6px;bottom:6px}.flexDescriptionRail.is-visible{opacity:1;visibility:visible;pointer-events:auto}.flexDescriptionThumb{cursor:grab;background:linear-gradient(90deg,#b8bcc4,#fff,#c5c9d0);border-radius:999px;min-height:24px;max-height:100%;position:absolute;inset-inline:2px;box-shadow:0 0 5px #fff8,0 0 9px #fff3}.flexDescriptionRail:active .flexDescriptionThumb{cursor:grabbing}.flexDescriptionRail.is-visible .flexDescriptionThumb{animation:3s ease-in-out infinite flexDescriptionThumbGlow}.flexDescriptionRail:focus-visible{outline-offset:3px;outline:1px solid #fff}@keyframes flexDescriptionThumbGlow{0%,to{box-shadow:0 0 4px #fff6,0 0 7px #fff2}50%{box-shadow:0 0 7px #fffc,0 0 13px #fff5}}.flexDescriptionCue{z-index:1;inset-inline:0;color:#fff;opacity:0;visibility:hidden;pointer-events:none;cursor:pointer;background:linear-gradient(#0000,#101113 58%);border:0;justify-content:center;padding:20px 2px 2px;transition:opacity .25s;display:flex;position:absolute;bottom:0}.flexDescriptionCue.is-visible{opacity:1;visibility:visible;pointer-events:auto}.flexDescriptionCue>span{background:#202124;border:1px solid #ffffff38;border-radius:999px;justify-content:center;align-items:center;gap:7px;padding:5px 9px;font:400 12px/1.35 Arial,Tahoma,sans-serif;display:flex}.flexDescriptionCue svg{width:14px;height:14px}.flexDescriptionCue.is-visible>span{animation:2.8s ease-in-out infinite flexDescriptionCueGlow}.flexDescriptionCue.is-visible svg{animation:2.8s ease-in-out infinite flexDescriptionCueArrow}@keyframes flexDescriptionCueArrow{0%,to{transform:translateY(-1px)}50%{transform:translateY(3px)}}@keyframes flexDescriptionCueGlow{0%,to{box-shadow:0 0 4px #ffffff09}50%{box-shadow:0 0 11px #ffffff25}}.flexStoneExplorer .flexOrderAction>button{letter-spacing:normal;text-transform:none;color:#111;cursor:pointer;background:linear-gradient(135deg,#fff,#d9d5cd);border:1px solid #ffffffbd;border-radius:18px;flex:none;justify-content:center;align-items:center;gap:12px;width:100%;min-height:44px;padding:6px 10px;font:600 13.6px/1.35 Arial,Tahoma,sans-serif;transition:transform .16s;display:flex;box-shadow:0 4px 12px #0005,inset 0 1px #fff}.flexStoneExplorer .flexOrderAction>button:active{transform:scale(.98)}.flexStoneExplorer .flexOrderAction>button span{text-align:center;gap:2px;display:grid}.flexStoneExplorer .flexOrderAction>button small{color:#555;letter-spacing:.02em;margin:0;font:400 9.6px/1.2 Arial,sans-serif;display:block}.flexStoneExplorer .flexOrderAction>button svg{flex:none;width:17.6px;height:17.6px}.flexStoneExplorer .flexOrderAction>button svg:last-child{margin-inline-start:auto}.flexStoneExplorer .flexOrderAction>button svg:first-child{margin-inline-end:auto}.flexStoneExplorer :is(.flexSpecs,.flexOrderAction) :is(button,.flexDescriptionScroll):focus-visible{outline-offset:3px;outline:2px solid #fff}.flexStoneExplorer .flexSphereField>button img{object-fit:contain;max-width:none;position:absolute;transform:none}.flexStoneExplorer .flexSphereField>button .textureSphere img{object-fit:cover;width:100%;height:100%;inset:0;transform:none}.flexStoneExplorer .flexSphereField>button.is-active small{letter-spacing:.07em;font-size:16px;font-weight:700;line-height:1.25}@media (width<=700px){.flexStoneExplorer{--flex-description-rise:clamp(40px,8dvh,64px)}.flexStoneExplorer .flexExplorerContent{grid-template-columns:minmax(0,.42fr) minmax(0,.58fr)}.flexStoneExplorer .flexSpecs{gap:10px;padding:11px}.flexDescriptionScroll h2{margin-bottom:8px;font-size:18px}.flexDescriptionPoints{font-size:14px;line-height:1.65}.flexStoneExplorer .flexOrderAction>button{gap:6px;min-height:42px;padding:6px 8px;font-size:12.8px}.flexStoneExplorer .flexOrderAction>button svg{width:16px;height:16px}.flexStoneExplorer .flexSphereField>button.is-active small{font-size:15px}}@media (width<=400px){.flexStoneExplorer .flexSpecs{gap:8px;padding:9px}.flexStoneExplorer .flexOrderAction>button{gap:4px;padding:6px 5px;font-size:12px}.flexStoneExplorer .flexOrderAction>button svg{width:14.4px;height:14.4px}}@media (prefers-reduced-motion:reduce){.flexStoneExplorer .flexOrderAction>button,.flexDescriptionCue{transition:none}.flexDescriptionCue.is-visible>span,.flexDescriptionCue.is-visible svg,.flexDescriptionRail.is-visible .flexDescriptionThumb{animation:none}}