You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
1 lines
11 KiB
1 lines
11 KiB
.pasture-management{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;overflow:hidden;color:#fff;background:#03121c}.pasture-map-scene,.pasture-ol-map-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.pasture-map-scrim{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;background:radial-gradient(circle at 50% 52%,transparent 0%,transparent 58%,rgba(1,9,15,.16) 82%,rgba(1,8,13,.42) 100%),linear-gradient(90deg,rgba(0,12,20,.24),transparent 22%,transparent 78%,rgba(0,12,20,.24)),linear-gradient(180deg,rgba(2,16,27,.01),rgba(2,13,22,.12))}.pasture-map-loading{position:absolute;left:50%;top:54%;z-index:4;color:#defaffc7;font-size:14px;transform:translate(-50%,-50%)}.pasture-management-ui{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;pointer-events:none}.pasture-left,.pasture-right{position:absolute;top:128px;bottom:8px;z-index:6;width:398px;perspective-origin:50% 50%;pointer-events:all}.pasture-left{left:32px;perspective:var(--screen-side-perspective-left, 500px)}.pasture-right{right:32px;perspective:var(--screen-side-perspective-right, 800px)}.pasture-side-stack{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;gap:12px;transform-style:preserve-3d}.pasture-side-stack.is-left{transform:translateZ(0) rotateY(6deg);transform-origin:left center}.pasture-side-stack.is-right{transform:translateZ(0) rotateY(-6deg);transform-origin:right center}.pasture-side-card{flex:0 0 auto}.pasture-side-card .m-card-bd-content{top:36px;bottom:0;color:#f3feff}.pasture-household-rank{display:flex;flex-direction:column;gap:4px;height:100%;padding:1px 12px 3px;box-sizing:border-box}.pasture-household-rank-row{position:relative;flex:1 1 0;min-height:24px}.pasture-household-rank-row:before{position:absolute;left:0;top:8px;width:5px;height:5px;border:1px solid var(--rank-color);border-radius:50%;content:"";background:rgba(6,28,40,.92);box-shadow:none}.pasture-household-rank-row.is-leading .pasture-rank-value{color:#fff;text-shadow:none}.pasture-rank-copy{display:grid;grid-template-columns:32px minmax(0,1fr) auto;gap:7px;align-items:center;height:18px;padding-left:12px}.pasture-rank-index{display:inline-flex;align-items:center;justify-content:center;width:28px;height:15px;border:1px solid rgba(48,220,255,.24);color:var(--rank-color);font-size:10px;line-height:1;font-weight:800;background:linear-gradient(90deg,rgba(48,220,255,.12),rgba(48,220,255,.02));box-shadow:inset 0 0 10px #30dcff1a}.pasture-rank-name{overflow:hidden;color:#e2faffe6;font-size:14px;line-height:17px;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.pasture-rank-value{color:#f0fdfff0;font-size:14px;line-height:17px;font-weight:900}.pasture-rank-value em{margin-left:4px;color:#d2f2f8b8;font-size:10px;font-style:normal;font-weight:700}.pasture-rank-track{position:relative;height:6px;margin:1px 0 0 45px;overflow:hidden;border:1px solid rgba(48,220,255,.12);background:linear-gradient(90deg,rgba(48,220,255,.1),rgba(48,220,255,.02)),rgba(3,22,33,.72);box-shadow:inset 0 0 12px #0000003d}.pasture-rank-track i{display:block;width:var(--rank-rate);height:100%;background:linear-gradient(90deg,rgba(35,246,200,.18),var(--rank-color));box-shadow:0 0 3px #30dcff1f}.pasture-grassland-profile{display:grid;grid-template-rows:54px minmax(0,1fr);gap:5px;height:100%;padding:2px 11px 3px;box-sizing:border-box}.pasture-grassland-featured{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;min-height:0}.pasture-grassland-feature-card{position:relative;overflow:hidden;padding:5px 9px 6px;border:1px solid rgba(48,220,255,.18);background:radial-gradient(circle at 15% 20%,color-mix(in srgb,var(--area-color) 14%,transparent),transparent 42%),linear-gradient(135deg,rgba(19,90,112,.24),rgba(3,28,42,.5));box-shadow:inset 0 0 0 1px #ffffff08,inset 0 -18px 28px #00000024}.pasture-grassland-feature-card:after{position:absolute;right:-18px;top:-18px;width:54px;height:54px;border:1px solid color-mix(in srgb,var(--area-color) 55%,transparent);border-radius:50%;content:"";opacity:.28;box-shadow:none}.pasture-grassland-feature-card span{display:block;color:#dcfaffd1;font-size:12px;line-height:14px;font-weight:800}.pasture-grassland-feature-card strong{display:block;margin-top:1px;color:#fff;font-size:19px;line-height:22px;font-weight:900;text-shadow:none}.pasture-grassland-feature-card em,.pasture-grassland-mini-row em{margin-left:4px;color:#d8f4fab8;font-size:10px;font-style:normal;font-weight:800}.pasture-feature-track{position:absolute;right:10px;bottom:6px;left:10px;height:3px;overflow:hidden;background:rgba(14,57,72,.72)}.pasture-feature-track i{display:block;width:var(--area-rate);height:100%;background:linear-gradient(90deg,rgba(255,255,255,.18),var(--area-color));box-shadow:0 0 3px #30dcff1f}.pasture-grassland-mini-list{display:flex;flex-direction:column;gap:3px;min-height:0}.pasture-grassland-mini-row{display:grid;grid-template-columns:64px minmax(0,1fr) 70px;gap:6px;align-items:center;min-height:14px}.pasture-grassland-mini-row span{overflow:hidden;color:#defaffd6;font-size:12px;line-height:14px;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.pasture-grassland-mini-row strong{justify-self:end;color:#f5fdfff0;font-size:12px;line-height:14px;font-weight:900}.pasture-mini-track{height:5px;overflow:hidden;border:1px solid rgba(48,220,255,.12);background:rgba(8,39,54,.66)}.pasture-mini-track i{display:block;width:var(--area-rate);height:100%;background:linear-gradient(90deg,rgba(48,220,255,.08),var(--area-color));box-shadow:0 0 3px #30dcff1f}.pasture-video-card .m-card-bd-content{bottom:12px}.pasture-video-monitor{position:relative;display:block;height:100%;padding:2px 24px;box-sizing:border-box;pointer-events:auto}.pasture-video-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:0;height:100%;min-height:0}.pasture-video-grid.is-single{grid-template-columns:minmax(0,1fr)}.pasture-video-screen{position:relative;width:100%;height:100%;min-width:0;margin:0;overflow:hidden;cursor:pointer;border:1px solid rgba(48,220,255,.25);background-color:#020d14;background-position:center;background-size:cover;box-shadow:none}.pasture-video-screen.is-active{border-color:#7efbf6a8;box-shadow:none}.pasture-video-screen:not(.is-active){opacity:.88}.pasture-video-screen.is-playing{background-image:none!important}.pasture-video-screen>.pasture-video-player,.pasture-video-screen [id$=-wrap],.pasture-video-screen [id$=-wrap]>.pasture-video-player>div,.pasture-video-screen [id$=-wrap]>.pasture-video-player .play-window,.pasture-video-screen [id$=-wrap]>.pasture-video-player video,.pasture-video-screen [id$=-wrap]>.pasture-video-player canvas,.pasture-video-screen [id$=-wrap]>.pasture-video-player iframe{position:absolute!important;top:0!important;right:0!important;bottom:0!important;left:0!important;width:100%!important;height:100%!important}.pasture-video-screen>.pasture-video-player,.pasture-video-screen [id$=-wrap]{z-index:3!important;overflow:hidden;pointer-events:auto}.pasture-video-screen [id$=-wrap]>.pasture-video-player{position:relative!important;inset:auto!important;z-index:1;display:block!important;width:100%!important;height:100%!important;overflow:hidden;pointer-events:auto}.pasture-video-screen [id$=-wrap]>.pasture-video-player>div,.pasture-video-screen [id$=-wrap]>.pasture-video-player .play-window,.pasture-video-screen [id$=-wrap]>.pasture-video-player video,.pasture-video-screen [id$=-wrap]>.pasture-video-player canvas,.pasture-video-screen [id$=-wrap]>.pasture-video-player iframe{z-index:1}.pasture-video-screen [id$=-ez-iframe-footer-container]{position:absolute!important;right:0!important;bottom:0!important;left:0!important;z-index:20!important;width:100%!important;margin-top:0!important;pointer-events:auto!important;visibility:visible!important;opacity:1!important}.pasture-video-screen [id$=-audioControls]{pointer-events:auto!important;visibility:visible!important;opacity:1!important}.pasture-video-player video{object-fit:cover}.pasture-video-screen .loading-container,.pasture-video-screen .loading-item,.pasture-video-screen #loading-icon{display:none!important;visibility:hidden!important;pointer-events:none!important}.pasture-video-nav{position:absolute;top:50%;z-index:6;width:22px;height:42px;border:1px solid rgba(48,220,255,.26);color:#e3fdffe0;font-size:20px;line-height:20px;cursor:pointer;background:linear-gradient(180deg,rgba(48,220,255,.18),rgba(10,39,54,.56));box-shadow:inset 0 0 12px #30dcff1a;transform:translateY(-50%)}.pasture-video-nav:disabled{cursor:not-allowed;opacity:.38}.pasture-video-prev{left:18px}.pasture-video-next{right:18px}.pasture-video-screen:before{display:none;content:none}.pasture-video-play{position:absolute;left:50%;top:46%;z-index:4;width:30px;height:30px;border:1px solid rgba(255,255,255,.62);border-radius:50%;background:rgba(0,0,0,.36);box-shadow:none;transform:translate(-50%,-50%)}.pasture-video-play:after{position:absolute;left:12px;top:8px;width:0;height:0;content:"";border-top:7px solid transparent;border-bottom:7px solid transparent;border-left:10px solid #ffffff}.pasture-video-point-name{position:absolute;right:10px;bottom:8px;left:10px;z-index:4;overflow:hidden;padding:4px 8px;border-left:2px solid rgba(69,233,164,.78);color:#fff;font-size:12px;line-height:15px;font-weight:800;text-overflow:ellipsis;white-space:nowrap;background:rgba(0,0,0,.42)}.pasture-video-screen.is-playing .pasture-video-point-name{z-index:2;opacity:0}.pasture-video-loading,.pasture-video-error{position:absolute;left:50%;top:50%;z-index:5;min-width:72px;padding:4px 8px;border:1px solid rgba(48,220,255,.32);color:#fff;font-size:11px;line-height:14px;text-align:center;background:rgba(0,0,0,.62);transform:translate(-50%,-50%)}.pasture-video-error{border-color:#8bf7ff6b;color:#c9fbff}.pasture-map-layer-tools{position:absolute;top:auto;right:458px;bottom:72px;left:auto;z-index:7;width:248px;height:430px;pointer-events:all}.pasture-map-layer-tools .m-card{width:100%!important;height:100%!important;background:rgba(3,18,30,.54);backdrop-filter:blur(2px)}.pasture-map-feature-info{position:absolute;z-index:9;width:460px;pointer-events:all}.pasture-map-feature-info .m-card{width:100%!important;background:rgba(3,18,30,.7);backdrop-filter:blur(2px)}.pasture-map-feature-close{position:absolute;top:18px;right:18px;z-index:3;width:30px;height:30px;border:1px solid rgba(64,224,255,.56);border-radius:2px;color:#e4fafff5;background:linear-gradient(135deg,rgba(37,213,255,.22),rgba(10,55,76,.72));box-shadow:inset 0 0 12px #2ad2ff2e,0 0 10px #1eb8e629;font-size:23px;line-height:26px;font-weight:400;text-align:center;cursor:pointer;pointer-events:all;transition:border-color .16s ease,color .16s ease,background .16s ease,transform .16s ease}.pasture-map-feature-close:hover{color:#fff;border-color:#34f6ffe6;background:linear-gradient(135deg,rgba(38,240,255,.34),rgba(13,75,102,.86));transform:translateY(-1px)}.pasture-management .business-bars.is-distribution{max-height:100%;padding-right:8px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none}.pasture-management .business-bars.is-distribution::-webkit-scrollbar{width:0;height:0}
|
|
|