.coloredTilesWrapper{position:absolute;display:inline-block}.coloredTilesWrapper .coloredTiles{border:none}.coloredTilesWrapper .coloredTiles .cell{border:none;border-right:1.2px solid hsla(0,0%,100%,.5);border-bottom:1.2px solid hsla(0,0%,100%,.5);display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:600;color:#0e3a4d;user-select:none;box-sizing:border-box}.coloredTilesWrapper .cutArrow{position:absolute;width:44px;height:44px;border-radius:50%;background:#293273;color:#fff;font-size:23px;font-weight:bold;display:flex;align-items:center;justify-content:center;cursor:pointer;user-select:none}.coloredTilesWrapper .cutArrow svg{width:35px;height:35px;margin-left:-5px}.coloredTilesWrapper .cutArrow:hover{background:#fbda70;color:#293272;border:3px solid #293272}.coloredTilesWrapper .cutArrow.disabled{opacity:.3;cursor:default;pointer-events:none;background:#293273;color:#fff;border:none}.coloredTilesWrapper .cutArrowTooltip{position:absolute;padding:10px 14px;background:#fffbeb;border-radius:24px;color:#293273;font-size:16px;font-weight:normal;font-family:oso-sans,sans-serif;white-space:nowrap;pointer-events:none;z-index:10}.coloredTilesWrapper .cutArrowRight{top:-20px;right:-56px;cursor:ns-resize}.coloredTilesWrapper .cutArrowRight .cutArrowTooltip{left:calc(100% + 5px);top:50%;transform:translateY(-50%)}.coloredTilesWrapper .cutArrowBottom{left:-20px;bottom:-56px;cursor:ew-resize}.coloredTilesWrapper .cutArrowBottom .cutArrowTooltip{bottom:calc(100% - 91px);left:50%;transform:translateX(-50%)}.coloredTilesWrapper .cutArrowBottom svg{margin-left:2px;margin-top:-5px}.coloredTilesWrapper .coloredTilesRightToolbar{position:absolute;top:0;right:-148px;display:flex;flex-direction:column;gap:8px}.coloredTilesWrapper .expressionHolder span{font-weight:normal}.coloredTilesWrapper .coloredTilesDimLabelsY{height:100%;position:absolute;right:100%;margin-right:1.75rem;top:0;display:flex;flex-direction:column;justify-content:space-between;font-size:2.1875rem;font-weight:700;font-family:oso-sans,sans-serif;color:#293273;pointer-events:none}.coloredTilesWrapper .coloredTilesDimLabelsX{width:100%;position:absolute;bottom:100%;margin-bottom:.875rem;left:0;display:flex;justify-content:space-between;font-size:2.1875rem;font-weight:700;font-family:oso-sans,sans-serif;color:#293273;pointer-events:none}.coloredTilesWrapper .coloredTilesDimLabelCell{display:flex;align-items:center;justify-content:center}.coloredTilesWrapper .coloredTilesDimLabelCell.is-bottom{align-items:flex-end}.coloredTilesWrapper .resizeHandle{position:absolute;width:16px;height:16px;background:#fff;border:1px solid #000;z-index:10;box-sizing:border-box}.coloredTilesWrapper .resizeHandle.topLeft{left:-8px;top:-8px;cursor:nwse-resize}.coloredTilesWrapper .resizeHandle.bottomRight{right:-8px;bottom:-8px;cursor:nwse-resize}.coloredTilesWrapper .redLinearPiece{position:absolute;background:red;border-radius:1.375rem;z-index:3}.coloredTilesWrapper .redLinearPiece.top{top:-1.3125rem;height:.625rem;width:.625rem}.coloredTilesWrapper .redLinearPiece.left{top:0;left:-1.375rem;width:.625rem}.coloredTilesWrapper .redLinearPiece.right{top:0;right:-1.25rem;width:.625rem}.coloredTilesWrapper .cutLine{position:absolute;background:#293273;z-index:5}.coloredTilesWrapper .cutLine.horizontal{height:3px;width:100%}.coloredTilesWrapper .cutLine.vertical{width:3px;height:100%}.coloredTilesWrapper .cutArrowWrapper{position:absolute;width:35px;height:35px;display:flex;align-items:center;justify-content:center;z-index:6}.coloredTilesWrapper .cutArrowWrapper.row{right:-47px}.coloredTilesWrapper .cutArrowWrapper.col{bottom:-45px}.coloredTilesWrapper .previewLine{position:absolute;background:#ff9800;z-index:7}.coloredTilesWrapper .previewLine.horizontal{height:3px;width:100%}.coloredTilesWrapper .previewLine.vertical{width:3px;height:100%}.coloredTilesWrapper .previewTriangleWrapper{position:absolute;width:35px;height:35px;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:8}.coloredTilesWrapper .previewTriangleWrapper.row{right:-47px}.coloredTilesWrapper .previewTriangleWrapper.col{bottom:-45px}.coloredTilesWrapper .resultDisplayContainer{display:flex;flex-direction:column;align-items:center;position:absolute;transform:translateX(-50%);white-space:nowrap;font-size:22px;font-family:oso-sans,sans-serif;color:#293273;pointer-events:none}.coloredTilesWrapper .productContainer{display:flex;justify-content:center;gap:6px;line-height:1.8;padding:4px;border:1px solid #5063ae;box-shadow:0px 3px 6px rgba(0,0,0,.1607843137);border-radius:5px;background-color:#fff;padding:0 .875rem}.coloredTilesWrapper .productContainer.margin-top{margin-top:1.75rem}.coloredTilesWrapper .expressionContainer{text-align:center}.coloredTilesWrapper .expressionContainer .expressionInner{display:inline-block;max-width:100%;font-weight:700;word-break:break-word}@supports(-moz-appearance: none){.coloredTilesWrapper .gridBorderOverlay{border-width:2px !important}.coloredTilesWrapper .coloredTiles{border-width:2px !important}}.coloredTilesWrapper.isPreview{transform:scale(0.35) !important}@media(min-width: 768px){.coloredTilesWrapper.isPreview{transform:scale(0.38) !important}}@media(min-width: 1024px){.coloredTilesWrapper.isPreview{transform:scale(0.48) !important}}@media(min-width: 1280px){.coloredTilesWrapper.isPreview{transform:scale(0.48) !important}}@media(min-width: 1281px){.coloredTilesWrapper.isPreview{transform:scale(0.75) !important}}@media(min-width: 1281px)and (max-height: 768px){.coloredTilesWrapper.isPreview{transform:scale(0.5) !important}}@media screen and (width: 1024px)and (height: 768px){.coloredTilesWrapper.isPreview{transform:scale(0.6) !important}}@media screen and (width: 1180px)and (height: 820px){.coloredTilesWrapper.isPreview{transform:scale(0.6) !important}}@media(width: 1920px)and (height: 1080px){.coloredTilesWrapper.isPreview{transform:scale(1) !important}}@media(max-width: 1366px){.coloredTilesWrapper.isPreview{transform:scale(0.5) !important}}@media(max-height: 620px){.coloredTilesWrapper.isPreview{transform:scale(0.3) !important}}@media(width: 1366px)and (height: 1024px){.coloredTilesWrapper.isPreview{transform:scale(0.75) !important}}
.appHeader{width:100dvw;background-color:var(--color-primary2);display:flex;justify-content:flex-start;align-items:center;text-align:center;z-index:5;padding:.2vh;padding:.2dvh;box-sizing:border-box}.appHeader .contentWrapper{display:flex;justify-content:space-between;align-items:center;height:100%;width:100%;padding:5px;padding-left:5px}.appHeader .verticalHr{margin:0 .9vw;height:2.9vh;height:2.9dvh;border:1px solid #2a3667}.appHeader .headerLeft,.appHeader .headerRight{display:flex;align-items:center;height:inherit;flex-wrap:wrap}.appHeader .headerLeft{margin:0 1vw;margin:0 1dvw;width:47vw;width:47dvw}.appHeader .headerRight{display:flex;align-items:center;justify-content:flex-end;width:19vw;width:19dvw}.appHeader .headerRight ._btnHolder:last-child hr.verticalHr{display:none}.appHeader .headerBtn{width:var(--icon-size-45);height:var(--icon-size-45);cursor:pointer;background:rgba(0,0,0,0);border:none;display:flex;align-items:center;justify-content:center;padding:0;box-sizing:border-box;color:#000;position:relative;border-radius:50%;transition:background .3s ease}.appHeader .headerBtn img{width:100%;height:100%;object-fit:contain;display:block;margin:0 auto}.appHeader .zoomControls{display:flex;align-items:center}.appHeader .pageControls{display:flex;align-items:center;gap:.3em;background:hsla(0,0%,100%,.8);justify-content:center;border-radius:3em;width:29.313rem;height:inherit}.appHeader .pagePill{background:#8633ba;height:inherit;width:7.063rem;color:#fff;border-radius:2.938em;display:flex;align-items:center;justify-content:center;font-size:2.188rem}.appHeader ._btnHolder{display:flex;align-items:center}.appHeader .logoHolder{height:var(--zoomed-icon-size);width:5vw;display:flex;align-items:center;justify-content:flex-start;padding:0 0 0 1vw;padding:0 0 0 1dvw;box-sizing:border-box}.appHeader .logoHolder img{height:100%;width:auto}.appHeader .nav_holder{width:25vw;justify-content:center;align-items:center;gap:.7vw;gap:.7dvw;padding:5px 10px;border-radius:3rem;box-sizing:border-box}.appHeader .nav_holder button span{height:100%;width:100%;display:flex;align-items:center;justify-content:center}.appHeader .headerRight1{height:inherit;display:flex;gap:.3vw;gap:.3dvw;align-items:center}.appHeader .toggleParent{display:flex;align-items:center;transform-origin:left}.appHeader .toggleParent .togglePill{transform-origin:left;zoom:1}.appHeader .headerBtns_disable{pointer-events:none}.headerLogo{height:100%;width:auto;margin:0;padding:0;display:block;border-radius:0;background:none;box-shadow:none;object-fit:contain}.noVisibility{display:none}._btnHolder button span{width:100%;height:100%;display:flex}._btnHolder button span img{width:100%;height:auto}@media(min-width: 640px)and (min-height: 400px){.appHeader .toggleParent{height:38.25px}.appHeader .toggleParent .togglePill{zoom:.75}}@media(min-width: 800px)and (min-height: 768px){.appHeader .toggleParent{height:40.8px}.appHeader .toggleParent .togglePill{zoom:.8}}@media(min-width: 1024px)and (min-height: 768px){.appHeader .toggleParent{height:45.9px}.appHeader .toggleParent .togglePill{zoom:.9}.appHeader .headerLeft{width:43vw}}@media(min-width: 1440px)and (min-height: 900px){.appHeader .toggleParent{height:51px}.appHeader .toggleParent .togglePill{zoom:1}}@media(min-width: 1920px)and (min-height: 1080px){.appHeader .headerLeft{width:47vw;width:47dvw}}@media(max-width: 1250px){.iconZoomLevel_3 .appHeader .appHeader .verticalHr,.iconZoomLevel_2 .appHeader .appHeader .verticalHr{margin:0 1vw;margin:0 1dvw;height:3rem}}@media(max-width: 1100px){.iconZoomLevel_3 .appHeader .appHeader .verticalHr,.iconZoomLevel_2 .appHeader .appHeader .verticalHr{margin:0 .5vw;margin:0 .5dvw;height:3rem}}.iconZoomLevel_2 .appHeader .toggleParent{height:61.2px;width:8vw;width:8dvw}.iconZoomLevel_2 .appHeader .toggleParent .togglePill{transform:scale(1.2)}.iconZoomLevel_2 .appHeader .verticalHr{margin:0 1vw;height:3rem}.iconZoomLevel_2 .appHeader .headerLeft{width:45vw;width:45dvw}.iconZoomLevel_2 .appHeader .headerRight{width:21vw;width:21dvw}.iconZoomLevel_3 .appHeader .headerLeft{margin-left:2vw;margin-left:2dvw;width:40vw;width:40dvw}.iconZoomLevel_3 .appHeader .headerRight{justify-content:center;margin-right:20px;width:19vw;width:19dvw;margin-left:40px}.iconZoomLevel_3 .appHeader .toggleParent{height:71.4px;width:10vw;width:10dvw}.iconZoomLevel_3 .appHeader .toggleParent .togglePill{transform:scale(1.4)}.iconZoomLevel_3 .appHeader .page_ind{padding:0 10px}.iconZoomLevel_3 .appHeader .verticalHr{margin:0 1vw;margin:0 1dvw;height:3rem}
.customScrollbarContainer{position:relative;overflow:hidden;width:100%;height:100%;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0,0,0,0);user-select:none}.customScrollbarContainer .customScrollbarContent{height:100%;width:100%;overflow:scroll;scrollbar-width:none;-ms-overflow-style:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0,0,0,0);user-select:none}.customScrollbarContainer .hideMouseScroll{touch-action:none}.customScrollbarContainer .customScrollbarContent::-webkit-scrollbar{display:none}.customScrollbarContainer .customScrollbarTrack{position:absolute;background:rgba(0,0,0,0);user-select:none;z-index:10}.customScrollbarContainer .customScrollbarTrack.vertical{width:8px;top:0;bottom:0;right:2px}.customScrollbarContainer .customScrollbarTrack.horizontal{height:8px;left:0;right:0;bottom:2px}.customScrollbarContainer .customScrollbarThumb{position:absolute;background-color:rgba(0,0,0,.3);border-radius:4px;cursor:pointer;transition:background-color .3s}.customScrollbarContainer .customScrollbarThumb.vertical{width:100%}.customScrollbarContainer .customScrollbarThumb.horizontal{height:100%}.customScrollbarContainer .customScrollbarThumb:hover{background-color:rgba(0,0,0,.5)}
.tooltipContainer{position:absolute;background:#fffad5;color:#2a3273;padding:5px 10px;border-radius:5px;box-sizing:border-box;pointer-events:none !important;opacity:0;transition:opacity .4s ease;z-index:999;font-family:"oso-sans";transform-origin:top left;white-space:unset;font-weight:normal}.tooltipContainer .tooltipInner{transform-origin:top left}.tooltipContainer .textHolder{pointer-events:none !important;opacity:0;transition:opacity .2s ease;font-family:oso-sans;font-size:14px}.tooltipContainer .applyZoom{font-size:var(--zoomed-tool-tip)}.iconZoomLevel_1 .tooltipContainer{white-space:nowrap}.tooltipContainer.showTip{opacity:1}.tooltipContainer.showTip .textHolder{opacity:1}.tooltipContainer::before{content:"";position:absolute;width:0;height:0;border:6px solid rgba(0,0,0,0);pointer-events:none;opacity:0;transition:opacity .4s ease}.tooltipContainer.showTip::before{opacity:1}.tooltipContainer.slideleft::before{left:100%;top:50%;transform:translateY(-50%);border-left-color:#fffad5}.tooltipContainer.slideleftTop::before{left:100%;top:calc(0% + var(--shift-constant));border-left-color:#fffad5}.tooltipContainer.slideleftBottom::before{left:100%;top:calc(100% - var(--shift-constant) - var(--tipWidth));border-left-color:#fffad5}.tooltipContainer.slideright::before,.tooltipContainer.sliderightMiddle::before{right:100%;top:50%;transform:translateY(-50%);border-right-color:#fffad5}.tooltipContainer.sliderightTop::before{right:100%;top:calc(0% + var(--shift-constant));border-right-color:#fffad5}.tooltipContainer.sliderightBottom::before{right:100%;top:calc(100% - var(--shift-constant) - var(--tipWidth));border-right-color:#fffad5}.tooltipContainer.slidetop::before{top:100%;left:50%;transform:translateX(-50%);border-top-color:#fffad5}.tooltipContainer.slidetopRight::before{top:100%;left:calc(0% + var(--shift-constant));border-top-color:#fffad5}.tooltipContainer.slidetopLeft::before{top:100%;left:calc(100% - var(--shift-constant) - var(--tipWidth));border-top-color:#fffad5}.tooltipContainer.slidebottom::before{bottom:100%;left:50%;transform:translateX(-50%);border-bottom-color:#fffad5}.tooltipContainer.slidebottomLeft::before{bottom:100%;left:calc(100% - var(--shift-constant) - var(--tipWidth));border-bottom-color:#fffad5}.tooltipContainer.slidebottomRight::before{bottom:100%;left:calc(0% + var(--shift-constant));border-bottom-color:#fffad5}
.textType1Btn{--color-1: #2d3570;--color-2: #ffda70;--color-3: #d1d7ed;--color-4: #9097be;--color-5: #ffffff;border-radius:.4375em;cursor:pointer;width:110px;height:45px;font-size:1.5625rem;font-family:oso-sans;font-weight:400;font-style:normal;background:var(--color-1);color:var(--color-5);border:.1875rem solid var(--color-1)}.textType1Btn.textType1Btn_hover{background:var(--color-2);color:var(--color-1)}.textType1Btn.textType1Btn_active{background:var(--color-1);color:var(--color-5)}.textType1Btn.textType1Btn_activeHover{background:var(--color-2);color:var(--color-1)}.textType1Btn.textType1Btn_disable{pointer-events:none;background:var(--color-3);border-color:var(--color-3);color:var(--color-4)}.textType1Btn.textType1Btn_activeDisable{pointer-events:none;background:var(--color-3);border-color:var(--color-3);color:var(--color-4)}.textType2Btn{--color-1: #2d3570;--color-2: #ffda70;--color-3: #d1d7ed;--color-4: #9097be;--color-5: #ffffff;border-radius:.4375em;cursor:pointer;width:110px;height:45px;font-size:1.5625rem;font-family:oso-sans;font-weight:400;font-style:normal;background:var(--color-5);color:var(--color-1);border:.0625rem solid var(--color-1)}.textType2Btn.textType2Btn_hover{background:var(--color-2);color:var(--color-1)}.textType2Btn.textType2Btn_active{background:var(--color-1);color:var(--color-5)}.textType2Btn.textType2Btn_activeHover{background:var(--color-2);color:var(--color-1)}.textType2Btn.textType2Btn_disable{pointer-events:none;background:var(--color-3);border-color:var(--color-3);color:var(--color-4)}.textType2Btn.textType2Btn_activeDisable{pointer-events:none;background:var(--color-3);border-color:var(--color-3);color:var(--color-4)}.textType3Btn{--color-1: #2d3570;--color-2: #ffda70;--color-3: #d1d7ed;--color-4: #9097be;--color-5: #dbdff0;--color-6: #ffffff;border-radius:.4375em;cursor:pointer;width:110px;height:45px;font-size:1.5625rem;font-family:oso-sans;font-weight:400;font-style:normal;background:var(--color-5);color:var(--color-1);border:.0625rem solid var(--color-1)}.textType3Btn.textType3Btn_hover{background:var(--color-1);color:var(--color-6)}.textType3Btn.textType3Btn_active{background:var(--color-1);color:var(--color-6)}.textType3Btn.textType3Btn_activeHover{background:var(--color-2);color:var(--color-1)}.textType3Btn.textType3Btn_disable{pointer-events:none;background:var(--color-3);border-color:var(--color-3);color:var(--color-4)}.textType3Btn.textType3Btn_activeDisable{pointer-events:none;background:var(--color-3);border-color:var(--color-3);color:var(--color-4)}.textType4Btn{--color-1: #2d3570;--color-2: #edeff8;--color-3: #95a1cf;--color-4: #ffda70;cursor:pointer;font-size:1.25rem;width:45px;height:45px;border-radius:.4375em;font-weight:bold;background:var(--color-2);color:var(--color-1);border:.0625rem solid var(--color-3)}.textType4Btn.textType4Btn_hover{background:var(--color-4);color:var(--color-1)}.textType4Btn.textType4Btn_active{background:var(--color-4);color:var(--color-1)}.textType4Btn.textType4Btn_activeHover{background:var(--color-4);color:var(--color-1)}.textType4Btn.textType4Btn_disable{pointer-events:none;opacity:.5}.textType4Btn.textType4Btn_activeDisable{pointer-events:none;opacity:.5}.textType5Btn{--color-1: #293273;--color-2: transparent;--color-3: white;--color-4: #ffda70;cursor:pointer;font-size:1.25rem;width:45px;height:45px;border-radius:.4375em;background:var(--color-2);color:var(--color-1);border:.0625rem solid var(--color-2)}.textType5Btn.textType5Btn_hover{background:var(--color-1);color:var(--color-3);border:.0625rem solid var(--color-1)}.textType5Btn.textType5Btn_active{background:var(--color-1);color:var(--color-3);border:.0625rem solid var(--color-1)}.textType5Btn.textType5Btn_activeHover{background:var(--color-4);color:var(--color-1);border:.0625rem solid var(--color-4)}.textType5Btn.textType5Btn_disable{pointer-events:none;opacity:.5}.textType5Btn.textType5Btn_activeDisable{pointer-events:none;opacity:.5}.imageType1Btn{--color-1: #2d3570;--color-2: #ffda70;--color-3: #7f86b4;--color-4: transparent}.imageType1Btn.dark{--color-1: #ffda70;--color-2: #2d3570;--color-3: #7f86b4;--color-4: transparent}.imageType1Btn{cursor:pointer;width:45px;height:45px;border-radius:50%;background:var(--color-4);border:none}.imageType1Btn span{width:100%;height:100%;display:flex;align-items:center;align-content:center;justify-content:center}.imageType1Btn img{display:block;object-fit:contain;margin:0 auto}.imageType1Btn.imageType1Btn_hover{background:var(--color-1)}.imageType1Btn.imageType1Btn_active{background:var(--color-1)}.imageType1Btn.imageType1Btn_activeHover{background:var(--color-1)}.imageType1Btn.imageType1Btn_disable{pointer-events:none;background:var(--color-4)}.imageType1Btn.imageType1Btn_activeDisable{pointer-events:none;background:var(--color-4)}.imageType2Btn{--color-1: #2d3570;--color-2: #ffda70;--color-3: #7f86b4;--color-4: transparent;--color-5: #ffffff;cursor:pointer;width:45px;height:45px;border-radius:50%;background:var(--color-1);border:.125rem solid var(--color-1)}.imageType2Btn span{width:100%;height:100%;display:flex;align-items:center;align-content:center;justify-content:center}.imageType2Btn img{display:block;object-fit:contain;margin:0 auto}.imageType2Btn.imageType2Btn_hover{background:var(--color-5)}.imageType2Btn.imageType2Btn_active{background:var(--color-1)}.imageType2Btn.imageType2Btn_activeHover{background:var(--color-5)}.imageType2Btn.imageType2Btn_disable{pointer-events:none;background:var(--color-3)}.imageType2Btn.imageType2Btn_activeDisable{pointer-events:none;background:var(--color-3)}.imageType3Btn{--color-1: #2d3570;--color-2: #ffda70;--color-3: #7f86b4;--color-4: transparent;--color-5: #ffffff;cursor:pointer;width:45px;height:45px;border-radius:50%;background:var(--color-5);border:.0625rem solid var(--color-1)}.imageType3Btn span{width:100%;height:100%;display:flex;align-items:center;align-content:center;justify-content:center}.imageType3Btn img{display:block;object-fit:contain;margin:0 auto}.imageType3Btn.imageType3Btn_hover{background:var(--color-2)}.imageType3Btn.imageType3Btn_active{background:var(--color-1)}.imageType3Btn.imageType3Btn_activeHover{background:var(--color-2)}.imageType3Btn.imageType3Btn_disable{pointer-events:none;background:var(--color-3)}.imageType3Btn.imageType3Btn_activeDisable{pointer-events:none;background:var(--color-3)}.imageType4Btn{--color-1: #2d3570;--color-2: #ffda70;--color-3: #7f86b4;--color-4: transparent;--color-5: #ffffff;cursor:pointer;width:var(--icon-size-45);height:var(--icon-size-45);border-radius:50%;background:var(--color-5);border:.0625rem solid var(--color-1)}.imageType4Btn span{width:100%;height:100%;display:flex;align-items:center;align-content:center;justify-content:center}.imageType4Btn img{display:block;object-fit:contain;margin:0 auto}.imageType4Btn.imageType4Btn_hover{background:var(--color-2)}.imageType4Btn.imageType4Btn_active{background:var(--color-1)}.imageType4Btn.imageType4Btn_activeHover{background:var(--color-2)}.imageType4Btn.imageType4Btn_disable{pointer-events:none;opacity:.3}.imageType4Btn.imageType4Btn_activeDisable{pointer-events:none;opacity:.3}.imageType5Btn{--color-1: #2d3570;--color-2: #ffda70;--color-3: #7f86b4;--color-4: transparent;cursor:pointer;width:45px;height:45px;border-radius:50%;background:var(--color-4);border:none}.imageType5Btn span{width:100%;height:100%;display:flex;align-items:center;align-content:center;justify-content:center}.imageType5Btn img{display:block;object-fit:contain;margin:0 auto}.imageType5Btn.imageType5Btn_hover{background:var(--color-1)}.imageType5Btn.imageType5Btn_active{background:var(--color-1)}.imageType5Btn.imageType5Btn_activeHover{background:var(--color-2)}.imageType5Btn.imageType5Btn_disable{pointer-events:none;background:var(--color-3)}.imageType5Btn.imageType5Btn_activeDisable{pointer-events:none;background:var(--color-3)}.imageType6Btn{--color-1: #2d3570;--color-2: #ffda70;--color-3: #7f86b4;--color-4: transparent;cursor:pointer;width:45px;height:45px;border-radius:50%;background:var(--color-4);border:none}.imageType6Btn span{width:100%;height:100%;display:flex;align-items:center;align-content:center;justify-content:center}.imageType6Btn img{display:block;object-fit:contain;margin:0 auto}.imageType6Btn.imageType6Btn_hover{background:var(--color-1)}.imageType6Btn.imageType6Btn_active{background:var(--color-4)}.imageType6Btn.imageType6Btn_activeHover{background:var(--color-1)}.imageType6Btn.imageType6Btn_disable{pointer-events:none;opacity:.7;cursor:default}.imageType6Btn.imageType6Btn_activeDisable{pointer-events:none;opacity:.7;cursor:default}.textType1Btn:focus-visible,.textType2Btn:focus-visible,.textType3Btn:focus-visible,.textType4Btn:focus-visible,.textType5Btn:focus-visible,.imageType1Btn:focus-visible,.imageType2Btn:focus-visible,.imageType3Btn:focus-visible,.imageType4Btn:focus-visible,.imageType5Btn:focus-visible,.imageType6Btn:focus-visible{outline:.1875rem solid #5063ae;outline-offset:.125rem}
.togglePill{position:relative;background:var(--color-toggle);border-radius:1.625rem;display:flex;align-items:center;justify-content:space-between;width:112.13px;height:51px;z-index:1;padding:6px;box-sizing:border-box;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);touch-action:manipulation}.togglePill:focus-visible{outline:.1875rem solid #5063ae;outline-offset:.125rem}.togglePill_disable{background:#b8c0e0;cursor:default;opacity:.45;pointer-events:none}.toggleIndicator{position:absolute;top:0;left:0;aspect-ratio:1;z-index:0;border-radius:50%;background:#fff;box-shadow:0 .07rem .25rem rgba(0,0,0,.07);pointer-events:none}.toggleIndicator_hover{background:#e7bf50}.pillBtn{position:relative;border:none;background-color:rgba(0,0,0,0);cursor:pointer;color:#fff;display:flex;align-items:center;justify-content:center;font-family:Helvetica,sans-serif;height:100%;aspect-ratio:1;border-radius:50%;font-size:19px;font-weight:bold;-webkit-tap-highlight-color:rgba(0,0,0,0);touch-action:manipulation;min-width:24px;min-height:24px}.toggleBtn_hover{background:#e7bf50;color:#214177;border-radius:50%}.toggleBtn_disable{cursor:default}.pillActive{color:#214177;box-shadow:0 .07rem .25rem rgba(0,0,0,.07);transition:transform 1s cubic-bezier(0.4, 0, 0.2, 1)}.pillBtn:focus-visible{outline:.1875rem solid #5063ae;outline-offset:.125rem}.pillTouchActive{background:rgba(231,191,80,.3);transform:scale(0.95);transition:all .1s ease}
.collapsibleRight{display:flex;align-items:center}.collapsibleRight .collapsibleOptionHolder{position:absolute;transform-origin:left;opacity:0;transition:opacity .3s ease;pointer-events:none;z-index:1;display:flex;align-items:center;background:#e4e4e4;left:0;padding:var(--paddingAroundBtn);border-radius:26px;gap:var(--btnGap)}.collapsibleRight .open_right{transform-origin:left}.collapsibleRight .open_top{flex-direction:column;transform-origin:bottom}.collapsibleRight .open_left{transform-origin:right}.collapsibleRight .open_bottom{flex-direction:column;transform-origin:top}.collapsibleRight .collapsibleMainBtn{width:var(--icon-size-45);height:var(--icon-size-45);border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;z-index:2}.collapsibleRight .collapsibleMainBtn img{width:100%;height:auto;display:block;object-fit:contain;margin:0 auto}.collapsibleRight .mainEleNormalCSS_disable{cursor:default}.collapsibleRight .collapsibleOptionBtn{width:var(--icon-size-45);height:var(--icon-size-45);padding:0;display:flex;align-items:center;justify-content:center}.collapsibleRight .collapsibleOptionBtn img{width:100%;height:100%;display:block;object-fit:contain;margin:0 auto;pointer-events:none}.collapsibleRight .elemsNormalCSS_hover{background:#2a3273}.collapsibleRight .group.elemsNormalCSS_active{background:var(--color-4)}.collapsibleRight .group.elemsNormalCSS_activeHover{background:#2a3273}.collapsibleRight .elemsNormalCSS_disable{cursor:default}.collapsibleRight .lockUnlockContainer .imageType1Btn.imageType1Btn_active{background:var(--color-4)}.collapsibleRight .lockUnlockContainer .toolBtns.toolBtns_activeHover{background:var(--color-1, #293273)}.collapsibleRight .expanding_right,.collapsibleRight .expanding_left,.collapsibleRight .expanding_top,.collapsibleRight .expanding_bottom,.collapsibleRight .expanded_right,.collapsibleRight .expanded_left,.collapsibleRight .expanded_top,.collapsibleRight .expanded_bottom{opacity:1;pointer-events:auto}.collapsibleRight .collapsing_right,.collapsibleRight .collapsing_left,.collapsibleRight .collapsing_top,.collapsibleRight .collapsing_bottom{opacity:0}.collapsibleRight .collapsed_right,.collapsibleRight .collapsed_left,.collapsibleRight .collapsed_top,.collapsibleRight .collapsed_bottom{opacity:0;pointer-events:none;visibility:hidden}
.shareFileWrapper{position:absolute;z-index:10;width:100%;max-width:320px;background:#fff;border-radius:10px;box-shadow:0px 3px 8px rgba(0,0,0,.15);right:1.25rem;top:4rem;max-height:90%;overflow-y:auto;font-size:0rem;font-family:oso-sans;font-weight:400;font-style:normal;overflow:visible}.shareFileWrapper.atHeader{right:0;top:calc(var(--zoomed-icon-size) + var(--beak-height))}.shareFileWrapper.atFooter{right:0;top:calc(-1*var(--beak-height));transform:translate(0, -100%)}.shareFileWrapper::before{content:"";position:absolute;width:0;height:0;border-left:9px solid rgba(0,0,0,0);border-right:9px solid rgba(0,0,0,0);transform:translateX(-50%)}.shareFileWrapper.headerTopBeak::before{top:calc(-1*var(--beak-height));border-bottom:var(--beak-height) solid #173e92;right:var(--beak-pos);transform:translateX(50%)}.shareFileWrapper.footerBottomBeak::before{bottom:calc(-1*var(--beak-height));border-top:var(--beak-height) solid #173e92;right:var(--beak-pos);transform:translateX(50%)}.shareFileWrapper .header{background:#183e92;color:#fff;font-weight:bold;padding:12px;text-align:left;font-family:oso-sans;font-weight:400;font-style:normal;font-size:1rem;border-top-left-radius:10px;border-top-right-radius:10px}.shareFileWrapper .holder{padding:1rem;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid #183e92;border-top:none;border-radius:0 0 10px 10px;gap:30px;font-size:1rem}.shareFileWrapper .shareSection{display:flex;width:100%;justify-content:space-between;align-items:center;position:relative}.shareFileWrapper .shareSectionBottom{display:flex;width:100%;justify-content:space-between;align-items:center;position:relative}.shareFileWrapper .bottomLine::after{content:"";border-bottom:1px solid #ccced3;position:absolute;bottom:-15px;width:100%}.shareFileWrapper .shareSectionMid{display:flex;flex-direction:column;width:100%;justify-content:space-between;align-items:center;position:relative;gap:5px}.shareFileWrapper .rowMid{width:100%;display:flex;align-items:center;justify-content:space-between}.shareFileWrapper .iconHolder{display:flex;flex-direction:column;align-items:center;color:#333;width:50%;color:#2a3273}.shareFileWrapper .btnContainer{display:flex;flex-direction:column;width:50%;align-items:center;gap:5px}.shareFileWrapper .iconHolder img.icon{width:56px}.shareFileWrapper .iconHolder .shareIcon{position:relative;top:-17px}.shareFileWrapper .iconHolder .sharePopupIcon{width:71px}.shareFileWrapper .shareColorPatch{width:100%}.shareFileWrapper .inputBox{width:100%;padding:8px;border:1px solid #c8c8c8;background-color:#d1d7ed;border-radius:5px;box-sizing:border-box;color:#2a3273;font-size:1rem;font-family:oso-sans;font-weight:400;font-style:normal}.shareFileWrapper .btn{padding:8px 14px;border-radius:5px;border:none;cursor:pointer;background:#2a3273;color:#fff;border:1px solid #2a3273;width:100%;font-size:.9rem;font-family:oso-sans;font-weight:400;font-style:normal}.shareFileWrapper .btnCSS_hover{color:#2a3273;background:#ffda70}.shareFileWrapper .btn:disabled{background:#dcdcdc;color:#888;cursor:not-allowed}@media(max-width: 1600px){.shareFileWrapper{max-width:320px}.shareFileWrapper .holder{font-size:1rem;padding:1rem;gap:24px}.shareFileWrapper .bottomLine::after{bottom:-12px}.shareFileWrapper .btnContainer{gap:5px}.shareFileWrapper .btn{font-size:.9rem;padding:8px 14px}.shareFileWrapper .inputBox{font-size:1rem}}@media(max-width: 1366px){.shareFileWrapper{max-width:320px}.shareFileWrapper .holder{font-size:1rem;padding:.8rem;gap:24px}.shareFileWrapper .bottomLine::after{bottom:-12px}.shareFileWrapper .btnContainer{gap:5px}.shareFileWrapper .btn{font-size:.9rem;padding:8px 14px}.shareFileWrapper .inputBox{font-size:1rem}}@media(max-width: 1024px){.shareFileWrapper{max-width:240px}.shareFileWrapper .holder{font-size:.8rem;padding:.7rem;gap:20px}.shareFileWrapper .bottomLine::after{bottom:-10px}.shareFileWrapper .btnContainer{gap:4px}.shareFileWrapper .btn{font-size:.8rem;padding:5px 10px}.shareFileWrapper .inputBox{font-size:.9rem}}@media(max-width: 768px){.shareFileWrapper{max-width:240px}.shareFileWrapper .holder{font-size:.8rem;padding:.5rem;gap:14px}.shareFileWrapper .bottomLine::after{bottom:-7px}.shareFileWrapper .btnContainer{gap:3px}.shareFileWrapper .btn{font-size:.7rem;padding:4px 8px}.shareFileWrapper .inputBox{font-size:.8rem}}@media(max-width: 600px){.shareFileWrapper{max-width:240px}.shareFileWrapper .holder{font-size:.8rem;padding:.5rem;gap:14px}.shareFileWrapper .bottomLine::after{bottom:-7px}.shareFileWrapper .btnContainer{gap:3px}.shareFileWrapper .btn{font-size:.7rem;padding:4px 8px}.shareFileWrapper .inputBox{font-size:.8rem}}@media(max-width: 500px){.shareFileWrapper{max-width:220px}.shareFileWrapper .holder{font-size:.6rem;padding:.5rem;gap:14px}.shareFileWrapper .bottomLine::after{bottom:-7px}.shareFileWrapper .btnContainer{gap:3px}.shareFileWrapper .btn{font-size:.6rem;padding:4px 8px}.shareFileWrapper .inputBox{font-size:.6rem}}
.saveBtnContainer .iWBContainer{--btn-primary-color: #2a3273;--btn-secondary-color: #ffda70;--btn-tertiary-color: #d1d7ed;--text-color: #293273;position:absolute;z-index:10;width:100%;max-width:434px;height:auto;max-height:632px;background:#f0f2f8;border-radius:10px;box-shadow:0 3px 8px rgba(0,0,0,.15);padding:14px;border:1px solid #173e92;display:flex;flex-direction:column;gap:5px;color:var(--text-color);overflow-y:auto;box-sizing:border-box;font-family:oso-sans;font-weight:400;font-style:normal;overflow:visible}.saveBtnContainer .iWBContainer.atHeader{top:calc(var(--icon-size-45) + var(--beak-height))}.saveBtnContainer .iWBContainer.atFooter{top:calc(-1*var(--beak-height));transform:translate(0, -100%)}.saveBtnContainer .iWBContainer::before{content:"";position:absolute;width:0;height:0;border-left:9px solid rgba(0,0,0,0);border-right:9px solid rgba(0,0,0,0);transform:translateX(-50%)}.saveBtnContainer .iWBContainer.headerTopBeak::before{top:calc(-1*var(--beak-height));border-bottom:var(--beak-height) solid #173e92;left:var(--beak-pos);transform:translateX(50%)}.saveBtnContainer .iWBContainer.footerBottomBeak::before{bottom:calc(-1*var(--beak-height));border-top:var(--beak-height) solid #173e92;left:var(--beak-pos);transform:translateX(50%)}.saveBtnContainer .triangle{position:absolute;width:0;height:0;border-style:solid;border-width:0 10px 10px 10px;border-color:rgba(0,0,0,0) rgba(0,0,0,0) #283b8b rgba(0,0,0,0);bottom:0;left:50%;transform:translateX(-50%)}.saveBtnContainer .labelRow{display:flex;width:100%;justify-content:space-around;font-size:22px}.saveBtnContainer .container{display:flex;flex-direction:column;gap:20px}.saveBtnContainer .saveBtn{width:100%;margin:0 auto;background:var(--text-color);border:2px solid var(--text-color);color:#fff;padding:8px 0;text-align:center;border-radius:7px;position:relative;cursor:pointer;box-sizing:border-box;font-size:22px}.saveBtnContainer .saveBtn_hover{color:var(--text-color);background:#ffda70}.saveBtnContainer .row{display:flex;gap:6px;height:45px}.saveBtnContainer .code-box{background:var(--btn-secondary-color);border-radius:6px;flex:1;text-align:center;border:1px solid #e6c45b;max-width:50%;min-width:50%;display:flex;align-items:center;justify-content:center;font-size:30px}.saveBtnContainer .label-box{background:#fff;border:1px solid #a0a2b8;border-radius:6px;width:80px;display:flex;text-align:center;align-items:center;width:100%;height:100%;justify-content:space-between;border:2px solid var(--text-color);box-sizing:border-box;overflow:hidden}.saveBtnContainer .input{outline:none;border:none;width:100%;margin:0px;padding:0px 5px;color:var(--text-color);font-size:22px}.saveBtnContainer .btn{min-width:45px;min-height:45px;background:var(--text-color);border:none;border-left:2px solid var(--text-color);display:flex;justify-content:center;align-items:center;color:#fff;cursor:pointer;margin:0px;font-size:16px}.saveBtnContainer .checkBtn_hover{background:#ffda70}.saveBtnContainer .deleteBtn{min-width:45px;max-width:45px;background:rgba(0,0,0,0);border:none;display:flex;border-radius:50%;justify-content:center;align-items:center;cursor:pointer;padding:0px}.saveBtnContainer .deleteBtn_hover{background:var(--text-color)}
.iwb-panel{--iwb-primary: #293273;--iwb-bg: #e8eaef;--iwb-bg-light: #f0f2f8;--iwb-text: #293273;--iwb-code-bg: #f5cf5e;--iwb-border: #c5c8d8;font-family:"oso-sans";position:absolute;z-index:999;background:#f0f2f8;border:1px solid #173e92;border-radius:20px;box-shadow:0 4px 16px rgba(0,0,0,.18);padding:10px;min-width:280px;max-width:360px;height:90dvh;display:flex;flex-direction:column;gap:4px;color:#293273;box-sizing:border-box}.iwb-panel button:not(.iwb-footerBtn) span img{width:var(--icon-size-19);height:var(--icon-size-19)}.iwb-panel button span{width:auto}.iwb-actions{display:flex;flex-direction:column;gap:0;padding-bottom:4px;border-bottom:1px solid var(--iwb-border);flex-shrink:0}.iwb-actionBtn{display:flex;align-items:center;gap:10px;background:none;border:none;padding:7px 12px;border-radius:6px;cursor:pointer;font-size:.95rem;color:var(--iwb-text);text-align:left;width:100%;transition:background .15s,color .15s,border-radius .15s}.iwb-actionBtn:hover,.iwb-actionBtn:focus-visible{background:#293273;border-radius:20px;color:#fff}.iwb-actionBtn:hover .iwb-actionIcon,.iwb-actionBtn:focus-visible .iwb-actionIcon{filter:brightness(0) invert(1)}.iwb-actionBtn:hover span,.iwb-actionBtn:focus-visible span{color:#fff}.iwb-actionBtn:active{background:#1e2660;border-radius:20px;color:#fff}.iwb-actionBtn .iwb-actionIcon{flex-shrink:0;width:var(--icon-size-45);height:var(--icon-size-45);object-fit:contain;transition:filter .15s}.iwb-actionBtn span{transition:color .15s}.iwb-body{flex:1;min-height:0}.iwb-body .customScrollbarContent{padding-right:10px}.iwb-section{position:relative}.iwb-subsection{margin-left:12px}.iwb-sectionHeader{display:flex;align-items:center;gap:4px;padding:6px 4px;border-radius:6px;cursor:pointer;user-select:none;width:100%}.iwb-sectionHeader:hover,.iwb-sectionHeader:focus-visible{background:rgba(0,0,0,.05)}.iwb-chevron{font-size:10px;transition:transform .2s ease;transform:rotate(-90deg);color:var(--iwb-text);flex-shrink:0;width:14px;text-align:center}.iwb-chevronExpanded{transform:rotate(0deg)}.iwb-sectionTitle{font-size:.85rem;color:var(--iwb-text);flex:1;text-align:left}.iwb-moreBtn{background:none;border:none;cursor:pointer;font-size:18px;color:var(--iwb-text);padding:0 4px;border-radius:4px;line-height:1;flex-shrink:0}.iwb-moreBtn:hover,.iwb-moreBtn:focus-visible{background:rgba(0,0,0,.08)}.iwb-sectionContent{display:flex;flex-direction:column;gap:3px;padding:2px 0 4px 8px}.iwb-sectionDivider{border:2px solid #000;opacity:.15;margin:4px 0}.iwb-entryRow{display:flex;align-items:center;gap:6px;padding:4px 6px;background:#dce1ef;border-radius:20px;cursor:pointer}.iwb-bullet{width:8px;height:8px;border-radius:50%;flex-shrink:0}.iwb-codeBox{background:var(--iwb-code-bg);border-radius:5px;padding:4px 8px;font-size:.8rem;color:var(--iwb-text);white-space:nowrap}.iwb-labelBox{font-size:.8rem;color:var(--iwb-text);white-space:nowrap;flex:1}.iwb-checkboxInput{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.iwb-checkbox{width:18px;height:18px;border-radius:50%;border:2px solid var(--iwb-border);background:#f0f2f8;flex-shrink:0;box-sizing:border-box;display:flex;align-items:center;justify-content:center;transition:background .15s,border-color .15s;cursor:pointer}.iwb-checkbox .iwb-checkTick{opacity:0;transition:opacity .15s}.iwb-checkboxInput:checked+.iwb-checkbox{background:var(--iwb-primary);border-color:var(--iwb-primary)}.iwb-checkboxInput:checked+.iwb-checkbox .iwb-checkTick{opacity:1}.iwb-checkboxInput:focus-visible+.iwb-checkbox{outline:2px solid var(--iwb-primary);outline-offset:2px}.iwb-entryRow:hover .iwb-checkbox{border-color:var(--iwb-primary)}.iwb-contextMenu{position:fixed;background:#fff;border-radius:8px;box-shadow:0 2px 12px rgba(0,0,0,.16);padding:4px 0;z-index:10000;min-width:170px;display:flex;flex-direction:column}.iwb-contextMenuItem{background:none;border:none;padding:8px 16px;text-align:left;font-size:.82rem;color:#1a1a2e;cursor:pointer;white-space:nowrap;outline:none;line-height:1.4}.iwb-contextMenuItem:hover,.iwb-contextMenuItem:focus-visible{background:#f0f0f4}.iwb-contextMenuItem:active{background:#e4e4ec}.iwb-createSectionBtn{display:flex;align-items:center;gap:4px;background:none;border:1px dashed var(--iwb-border);border-radius:8px;padding:6px 12px;margin:6px 4px;cursor:pointer;font-size:.82rem;color:var(--iwb-text);transition:background .15s,border-color .15s}.iwb-createSectionBtn:hover,.iwb-createSectionBtn:focus-visible{background:rgba(0,0,0,.04);border-color:var(--iwb-primary)}.iwb-footer{display:flex;justify-content:flex-end;align-items:center;gap:4px;padding:6px 4px 2px;border-top:1px solid var(--iwb-border);margin-top:2px;flex-shrink:0}.iwb-footerDivider{width:1px;height:20px;border:none;background:var(--iwb-border);margin:0 2px;flex-shrink:0}.iwb-footerBtn{background:none;border:none;cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center}.iwb-footerBtn:hover,.iwb-footerBtn:focus-visible{background:rgba(0,0,0,.06)}.iwb-footerBtn img{width:var(--icon-size-31) !important;height:var(--icon-size-31) !important;object-fit:contain}
.halfAndHalfToggle{display:flex;align-items:center;height:100%;border-radius:50px;background:rgba(0,0,0,0);position:relative;border:1px solid #fff}.halfAndHalfToggle .halfToggleBtn_left{border-radius:50% 0% 0% 50%}.halfAndHalfToggle .halfToggleBtn_right{border-radius:0% 50% 50% 0%}.halfAndHalfToggle .halfToggleBtn_inactive{background:var(--color-toggle)}.halfAndHalfToggle_disable{opacity:.6;cursor:not-allowed;pointer-events:none}.halfToggleBtn{border:none;background:rgba(0,0,0,0);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0 20px;height:100%;font-size:14px;font-family:Helvetica,sans-serif;color:var(--color-text1);transition:background-color .2s ease,color .2s ease;position:relative;z-index:1;white-space:nowrap;box-sizing:border-box;border-radius:0}.halfToggleBtn img{width:100%;height:100%;object-fit:contain;display:block}.halfToggleBtn:focus{outline:none}.halfToggleBtn:focus-visible{outline:2px solid #e7bf50;outline-offset:-2px}.halfToggleBtn_left{border-top-left-radius:50px;border-bottom-left-radius:50px;border-top-right-radius:0;border-bottom-right-radius:0}.halfToggleBtn_right{border-top-left-radius:0;border-bottom-left-radius:0;border-top-right-radius:50px;border-bottom-right-radius:50px}.halfToggleBtn_active{background:#fff !important;z-index:2}.halfToggleBtn_active img{filter:brightness(0) saturate(100%) invert(14%) sepia(71%) saturate(2546%) hue-rotate(215deg) brightness(92%) contrast(94%)}.halfToggleBtn_hover{background:hsla(0,0%,100%,.1) !important}.halfToggleBtn_activeHover{background:#fff !important}.halfToggleBtn.halfToggleBtn_active.halfToggleBtn_left,.halfToggleBtn.halfToggleBtn_active.halfToggleBtn_right{background:#fff !important}.halfToggleBtn.halfToggleBtn_active.halfToggleBtn_left img,.halfToggleBtn.halfToggleBtn_active.halfToggleBtn_right img{filter:brightness(0) saturate(100%) invert(14%) sepia(71%) saturate(2546%) hue-rotate(215deg) brightness(92%) contrast(94%)}.halfToggleBtn:disabled{cursor:not-allowed;opacity:.5}.halfToggleBtn.headerBtns_hover{background-color:#e7bf50 !important}
.nav_holder{display:flex;height:100%;width:469px;background:#fff;border-radius:35px;justify-content:space-evenly;align-items:center}.nav_holder .navBtn{width:var(--icon-size-45);height:var(--icon-size-45);cursor:pointer;background:rgba(0,0,0,0);border:none;display:flex;align-items:center;justify-content:center;padding:0;box-sizing:border-box;color:#000;position:relative;border-radius:50%}.nav_holder .navBtn img{width:100%;height:auto}.nav_holder .page_ind{height:100%;width:auto;min-width:25%;background:#7accda;border-radius:6vh;border-radius:6dvh;display:flex;align-items:center;justify-content:center;padding:0 10px;font-family:oso-sans;font-weight:600;color:#293273;gap:2px}.nav_holder .page_ind .currentPg{font-size:var(--font-size-45)}.nav_holder .page_ind .slash{transform:rotate(5deg);margin-top:6px;font-size:var(--font-size-35)}.nav_holder .page_ind .totalPg{font-size:calc(var(--font-size-25))}.nav_holder hr{margin:1px;height:50%;background:#000;width:2px;border:none;opacity:.15}
.sidebar{background:var(--color-primary1);padding:.85rem 10px;box-shadow:2px 0 10px rgba(178,183,202,.3137254902);box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:space-between;z-index:4;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.sidebar .sideTop{margin:0 0}.sidebar .sidebarTop,.sidebar .sidebarBottom{display:flex;align-items:center}.sidebar .sidebarTop{display:flex;flex-flow:column wrap !important;height:60vh;height:60dvh}.sidebar .sidebarTop ._btnHolder:last-child hr.verticalHr{display:none}.sidebar .collapsibleRight{justify-content:center}.sidebar .collapsibleRight .settingsBtn{margin-bottom:5px}.sidebar .collapsibleRight span{width:100%;height:100%}.sidebar .collapsibleRight img{width:100%}.sidebar .sidebarBtn{width:var(--icon-size-45);height:var(--icon-size-45);background:none;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0}.sidebar .sidebarBtn span{width:100%;height:100%}.sidebar .sidebarBtn img{width:100%;height:auto;display:block;object-fit:contain;margin:0 auto}.sidebar .verticalHr{border-bottom:1px solid rgba(0,0,0,.15);width:70%;margin:5px 0}.sidebar ._btnHolder{display:flex;flex-direction:column;align-items:center}.sidebar .colorBtn{width:var(--icon-size-45);height:var(--icon-size-45);padding:0;background:none;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer}.sidebar .colorBtn span{width:100%;height:100%}.sidebar .colorBtn img{width:100%;height:100%;display:block;object-fit:contain;margin:0 auto;pointer-events:none}.sidebar .colorNormalBtn_hover img{transition:.5s all}.sidebar .colorsHolder{display:flex;align-items:center;background:#dbdff0;left:4.2rem;padding:5px;border-radius:0 9999px 9999px 0}.sidebar .sidebarBtn_hover{background:#293272}.sidebar .colorSBtn{background-color:rgba(0,0,0,0) !important;margin-top:.3dvh}.sidebar .colorSBtn span{display:flex;align-items:center;justify-content:center}.sidebar .colorSBtn span img{width:80%}.sidebar .colorSBtn_hover{background-color:#293272 !important}.sidebar .colorSBtn_active{background-color:#293272 !important}.sidebar .colorSBtn_disable{opacity:.7}.sidebar .settingsBtn{background:#293272}.sidebar .color_divider{margin-left:5px}.sidebar .settingsBtn_hover{background:#fff !important;border:1px solid #293272 !important}.sidebar .sidebarDivider{width:90%;height:1px;background:#b2b7ca;border:none;margin:0}.sidebar .gapContentWrapper{display:flex;flex-direction:column;align-items:center;flex-wrap:wrap}.sidebar .sidebarBottom{gap:5px;margin-bottom:10px;height:16vh;height:16dvh}.sidebar .sidebarBottom .sidebarBtn{border-radius:50%;background-color:var(--color-primary3);width:var(--zoomed-icon-size)}.sidebar .sidebarBottom .settingsBtn{width:var(--icon-size-55);height:var(--icon-size-55)}.sidebar .sidebarBottom .zoomControlPanel{margin-bottom:10px}.sidebar .sidebarBottom .verticalHr{display:none}.sidebar .sidebar_lastgrp{display:flex;flex-direction:column;align-items:center}.sidebar .sidebar_lastgrp .settingsBtn{border:1px solid #fff}.sidebar .sidebarlastBtns{display:flex;flex-direction:column;gap:10px;height:100%;justify-content:end;padding-bottom:1vh;padding-bottom:1dvh}.sidebar .sidebarlastBtns .settingWithPopupContainer .settingsBtn_hover{background:#ffda70 !important}.sidebar .collapsibleOptionHolder{background:var(--color-primary1)}.sidebar .scaleBtnWrapper{flex-direction:row}@media(max-height: 780px){.sidebar .sidebar_lastgrp{flex-direction:row;gap:7px}}
.settingWithPopupContainer .settingWithPopup{width:38vw;height:57vh;width:38dvw;height:57dvh;position:absolute;bottom:0px;z-index:2;left:0px;transition:.5s all;opacity:0;transform-origin:left bottom;visibility:hidden;pointer-events:none;transition:transform .45s cubic-bezier(0.25, 1.1, 0.35, 1),opacity .35s ease,visibility 0s linear .45s;box-sizing:border-box;background-image:url(../../fc6ec748d51c9065cfde.svg);background-position:101% -6%;background-repeat:no-repeat}.settingWithPopupContainer fieldset{border:none;padding:1vh 0 2vh;padding:1dvh 0 2dvh;margin:0 0}.settingWithPopupContainer legend{display:flex;white-space:nowrap;color:#fff;font-family:"oso-sans";font-size:var(--zoomed-font-size-1)}.settingWithPopupContainer .horizontalLine{width:100%;margin:0}.settingWithPopupContainer .settingsBtn{border-radius:50%;background-color:#293272;border:none;width:var(--icon-size-55);height:var(--icon-size-55);display:flex;align-items:center;justify-content:center;cursor:pointer;box-sizing:border-box !important}.settingWithPopupContainer .settingsBtn span{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.settingWithPopupContainer .mainEleNormalCSS_hover{border:1px solid #293272;background-color:#ffda70}.settingWithPopupContainer .elemsDefaultCSS{width:var(--icon-size-55);height:var(--icon-size-55)}.settingWithPopupContainer .settingBtnHolder{position:absolute;display:flex;flex-direction:column;justify-content:flex-end;gap:20px}.settingWithPopupContainer .toolAppearance{display:flex;flex-direction:row;--text-size: var(--zoomed-font-size-1)}.settingWithPopupContainer .btnHolder{position:relative;height:var(--zoomed-icon-size) !important;width:100%}.settingWithPopupContainer .showPopup{transform:scale(1);opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s;z-index:3}.settingWithPopupContainer .hidePopup{transform:scale(0);opacity:0;visibility:hidden;pointer-events:none}.settingWithPopupContainer .btnZIndex{position:relative;z-index:4}.settingWithPopupContainer .subBtn{position:absolute;width:100%;height:100%;border-radius:28px;margin:0px;border:none;padding:0px;display:flex;gap:40px;align-items:center;background:rgba(0,0,0,0);cursor:pointer}.settingWithPopupContainer .subBtn_hover~.subBtnAnimContainer .hoverDiv{width:100%}.settingWithPopupContainer .subBtnAnimContainer{width:100%;height:100%;border-radius:28px;margin:0px;border:none;padding:0px;display:flex;gap:20px;align-items:center;background:rgba(0,0,0,0);z-index:-1;pointer-events:none}.settingWithPopupContainer .subBtnAnimContainer .text{font-size:calc(var(--zoomed-font-size-1));color:#fff;font-family:"oso-sans"}.settingWithPopupContainer .subBtn_hover~.subBtnAnimContainer .text{color:#293273}.settingWithPopupContainer .img{width:auto;height:100%;border-radius:50%;background-color:#fff;pointer-events:none}.settingWithPopupContainer .hoverDiv{background:#fff;width:var(--zoomed-icon-size);transition:.5s all;height:100%;position:absolute;z-index:-1;border-radius:9999px;pointer-events:none;pointer-events:none}.settingWithPopupContainer .settingsBtn_active{border:1px solid #293273}.settingWithPopupContainer .settingsBtn_activeHover{background:#ffda70 !important}.settingWithPopupContainer .settingsBtn_hover{background:#fff !important;border:1px solid #293272 !important}.settingWithPopupContainer .togglePill{width:calc(var(--icon-size-55)*3);height:calc(var(--icon-size-55)*1)}.settingWithPopupContainer .togglePill .pillBtn{font-family:"oso-sans";font-weight:normal;padding:0px}.settingWithPopupContainer .togglePill span{width:fit-content;height:fit-content}.settingWithPopupContainer .togglePill button:nth-child(2){font-size:100%}.settingWithPopupContainer .togglePill button:nth-child(3){font-size:130%}.settingWithPopupContainer .togglePill button:nth-child(4){font-size:160%}.settingWithPopupContainer .togglePill .toggleBtn_hover{font-weight:bold}@media(max-width: 1600px){.settingWithPopupContainer .settingWithPopup{width:750px;height:682px;border-top-width:60px;border-right-width:60px}.settingWithPopupContainer .settingBtnHolder{width:300px;gap:18px}.settingWithPopupContainer .subBtnAnimContainer .text{font-size:var(--zoomed-font-size-1)}}@media(max-width: 1366px){.settingWithPopupContainer .settingWithPopup{width:700px;height:622px;border-top-width:50px;border-right-width:50px}.settingWithPopupContainer .settingBtnHolder{width:290px;gap:16px}.settingWithPopupContainer .subBtnAnimContainer .text{font-size:var(--zoomed-font-size-1)}}@media(max-width: 1024px){.settingWithPopupContainer .settingWithPopup{width:600px;height:537px;border-top-width:45px;border-right-width:45px}.settingWithPopupContainer .settingBtnHolder{width:270px}.settingWithPopupContainer .subBtnAnimContainer .text{font-size:20px}}@media(max-width: 768px){.settingWithPopupContainer .settingWithPopup{width:570px;height:509px;border-top-width:40px;border-right-width:40px}.settingWithPopupContainer .settingBtnHolder{width:240px;gap:15px}.settingWithPopupContainer .subBtnAnimContainer .text{font-size:18px}}@media(max-width: 600px){.settingWithPopupContainer .settingWithPopup{width:550px;height:491px;border-top-width:35px;border-right-width:35px}.settingWithPopupContainer .settingBtnHolder{width:210px;gap:14px}.settingWithPopupContainer .subBtnAnimContainer .text{font-size:16px}}@media(max-width: 500px){.settingWithPopupContainer .settingWithPopup{width:475px;height:468px;border-top-width:30px;border-right-width:30px}.settingWithPopupContainer .settingBtnHolder{width:180px;gap:12px}.settingWithPopupContainer .subBtnAnimContainer .text{font-size:15px}}
.helpTool{position:fixed;bottom:0;flex-direction:column;display:flex;box-sizing:border-box;font-family:Helvetica;overflow:visible;z-index:3;flex-direction:column;justify-content:flex-end}.helpTool .helpBtnHolder{width:100%;height:calc(var(--zoomed-icon-size) + 13px);box-sizing:border-box;position:relative;cursor:pointer}.helpTool .helpBtnHolder:hover{background:#283157}.helpTool .helpBtnHolder:focus-visible{outline:.15rem solid #ffda70;outline-offset:-0.15rem;border-radius:.25rem;background:#283157}.helpTool .helpBtnHolder::after{content:"";position:absolute;width:96%;height:2px;background:#333e82;z-index:1;bottom:0px;left:2%;border-radius:9999px}.helpTool .helpBtnHolder:last-child::after{content:none;display:none}.helpTool .helpSectionHeading{width:100%;height:calc(var(--zoomed-icon-size) + 13px);box-sizing:border-box;display:flex;align-items:center;padding:5px 20px}.helpTool .helpSectionHeading .text{font-size:var(--zoomed-font-size-2);font-family:"oso-sans";color:#fff}.helpTool .helpSectionHeading::after{content:"";position:absolute;width:96%;height:2px;background:#333e82;z-index:1;bottom:0px;left:2%;border-radius:9999px}.helpTool .contentHolder{width:100%;height:100%;display:flex;align-items:center;justify-content:space-between;box-sizing:border-box;padding:5px 20px;gap:20px;pointer-events:none}.helpTool .contentHolder .text{flex:1;font-size:var(--zoomed-font-size-2);font-family:"oso-sans";color:#fff}.helpTool .contentHolder .pdfIcon{width:var(--zoomed-icon-size);height:var(--zoomed-icon-size);object-fit:contain}.helpTool .helpScrollbarOpen{background-color:var(--color-primary2);max-height:60dvh;overflow:hidden;border-radius:0 0 6px 6px}.helpTool .helpScrollbarOpen .customScrollbarTrack.vertical{width:6px;background-color:rgba(0,0,0,.3019607843)}.helpTool .helpScrollbarOpen .customScrollbarThumb.vertical{background:#ffda70}.helpTool .helpArrow{position:absolute;left:-10px;top:var(--help-arrow-top, 14px);width:0;height:0;border-top:10px solid rgba(0,0,0,0);border-bottom:10px solid rgba(0,0,0,0);border-right:10px solid var(--color-primary3);z-index:1}.helpTool .headerContainer{border-top-left-radius:5px;border-top-right-radius:5px;overflow:hidden;flex:none;display:flex;flex-direction:column;width:100%}.helpTool .headerContainer .btnWithHeading{cursor:pointer;user-select:none;-moz-user-select:none;-webkit-user-select:none}.helpTool .headerContainer .btnWithHeading:focus-visible{outline:.15rem solid #ffda70;outline-offset:-0.15rem}.helpTool .headerContainer .headingContent{background:var(--color-primary3);font-size:var(--zoomed-font-size-1);color:#fff;font-family:"oso-sans";padding:8px 10px;display:flex;justify-content:space-between;align-items:center;gap:20px}.helpTool .headerContainer .footerModal{width:100%;height:5px;border-radius:0 0 18px 18px;position:relative;bottom:0;left:0;overflow:hidden;object-fit:cover;display:block;top:1;right:0px}.helpTool .headerContainer .footerModal img{width:100%;height:100%;object-fit:cover;display:block}.helpTool.helpToolOpen .headerContainer .footerModal{border-radius:unset !important}@media(min-width: 1921px){.iconZoomLevel_1 .helpTool{width:265px}.iconZoomLevel_1 .helpTool.helpToolOpen{width:350px}.iconZoomLevel_2 .helpTool{width:320px}.iconZoomLevel_2 .helpTool.helpToolOpen{width:400px}.iconZoomLevel_3 .helpTool{width:400px}.iconZoomLevel_3 .helpTool.helpToolOpen{width:480px}}@media(min-width: 1601px)and (max-width: 1920px){.iconZoomLevel_1 .helpTool{width:265px}.iconZoomLevel_1 .helpTool.helpToolOpen{width:350px}.iconZoomLevel_2 .helpTool{width:320px}.iconZoomLevel_2 .helpTool.helpToolOpen{width:400px}.iconZoomLevel_3 .helpTool{width:400px}.iconZoomLevel_3 .helpTool.helpToolOpen{width:480px}}@media(min-width: 1367px)and (max-width: 1600px){.iconZoomLevel_1 .helpTool{width:260px}.iconZoomLevel_1 .helpTool.helpToolOpen{width:340px}.iconZoomLevel_2 .helpTool{width:320px}.iconZoomLevel_2 .helpTool.helpToolOpen{width:400px}.iconZoomLevel_3 .helpTool{width:400px}.iconZoomLevel_3 .helpTool.helpToolOpen{width:480px}}@media(min-width: 1201px)and (max-width: 1366px){.iconZoomLevel_1 .helpTool{width:250px}.iconZoomLevel_1 .helpTool.helpToolOpen{width:330px}.iconZoomLevel_2 .helpTool{width:320px}.iconZoomLevel_2 .helpTool.helpToolOpen{width:380px}.iconZoomLevel_3 .helpTool{width:370px}.iconZoomLevel_3 .helpTool.helpToolOpen{width:450px}}@media(min-width: 1081px)and (max-width: 1200px){.iconZoomLevel_1 .helpTool{width:240px}.iconZoomLevel_1 .helpTool.helpToolOpen{width:320px}.iconZoomLevel_2 .helpTool{width:300px}.iconZoomLevel_2 .helpTool.helpToolOpen{width:360px}.iconZoomLevel_3 .helpTool{width:320px}.iconZoomLevel_3 .helpTool.helpToolOpen{width:400px}}@media(max-width: 1080px){.iconZoomLevel_1 .helpTool{width:230px}.iconZoomLevel_1 .helpTool.helpToolOpen{width:300px}.iconZoomLevel_2 .helpTool{width:270px}.iconZoomLevel_2 .helpTool.helpToolOpen{width:340px}.iconZoomLevel_3 .helpTool{width:320px}.iconZoomLevel_3 .helpTool.helpToolOpen{width:400px}}.contrast_high .helpTool .helpBtnHolder::after{background:gray}.contrast_high .helpTool .btnWithHeading:focus-visible,.contrast_high .helpTool .pdfBtn:focus-visible{outline-color:#fff}
.bottomPanelToolContainer{width:auto;height:50px;background:#dbdff0;border:1px solid #5063ae;box-sizing:border-box;display:flex;flex-direction:row;align-content:center;justify-content:space-evenly;align-items:center;cursor:default;border-radius:5px;padding:0 5px;gap:5px;overflow:visible}.bottomPanelToolContainer .dividerLine{width:2px;height:70%;background-color:#babecc}.bottomPanelToolContainer .linkBtnWrapper{position:relative}.bottomPanelToolContainer .linkBtnWrapper .linkContainer{top:50px;position:absolute}.bottomPanelToolContainer .linkBtnWrapper .linkContainer .linkInput{width:150px}.bottomPanelToolContainer .collapsibleMainElement,.bottomPanelToolContainer .collapsibleOptionElem{width:var(--zoomed-icon-size);height:var(--zoomed-icon-size)}.bottomPanelToolContainer .squareBox{border-radius:10px}.bottomPanelToolContainer .scaleWrapper{position:relative;width:184px;height:40px;display:flex;gap:10px;justify-content:center;align-items:center}.bottomPanelToolContainer .scaleWrapper .scaleLabel{color:#293273;font-size:18px;font-family:"oso-sans"}.bottomPanelToolContainer .toolBtn{cursor:pointer;border:none;display:flex;align-items:center;justify-content:center;padding:0;box-sizing:border-box;color:#000;background:rgba(0,0,0,0);width:45px;height:45px;border-radius:50%;transition:background .3s ease}.bottomPanelToolContainer .toolBtn img{object-fit:contain;display:block;margin:0 auto}.bottomPanelToolContainer .toolBtn_hover{background:#293273}.bottomPanelToolContainer .toolBtn_active{background:#293273}.bottomPanelToolContainer .toolBtn_disable{opacity:.5;pointer-events:none}.bottomPanelToolContainer .toolBtn_activeDisable{opacity:.5;pointer-events:none}.bottomPanelToolContainer .toolBtn_activeHover{background:rgba(0,0,0,0)}.scaleBtnWrapper{height:var(--zoomed-icon-size);background:var(--scale-wrapper);border-radius:3rem;display:flex;align-items:center;justify-content:space-between;box-sizing:border-box;gap:8px;height:100%;padding:.3em;flex-direction:column}.scaleBtnWrapper .scaleVal{color:#fff;font-family:"oso-sans";font-size:calc(var(--zoomed-font-size-1) - 10px);width:fit-content !important;height:fit-content !important}.scaleBtnWrapper .scaleBtn{cursor:pointer;border:none;display:flex;align-items:center;justify-content:center;padding:0;box-sizing:border-box;color:#000;background:#dbdff0;height:var(--zoomed-font-size-1);aspect-ratio:1/1;border-radius:50%;transition:background .3s ease}.scaleBtnWrapper .scaleBtn span{width:fit-content;height:fit-content}.scaleBtnWrapper .scaleBtn img{object-fit:contain;display:block;margin:0 auto}.scaleBtnWrapper .scaleBtnNormal_disable{opacity:.5;pointer-events:none;cursor:default}.scaleBtnWrapper .scaleBtnNormal_activeDisable{opacity:.5;pointer-events:none;cursor:default}.scaleBtnWrapper .scaleBtnNormal_hover{background:#293273}.lockBtnWrapper{position:relative}.lockBtnWrapper .toolBtn{aspect-ratio:1}.lockBtnWrapper .lockUnlockContainer{display:flex;flex-direction:column;background:#dbdff0;border:1px solid #5063ae;border-radius:5px;justify-content:space-around;position:absolute;top:100%;left:50%;margin-top:15px;transform:translateX(-50%)}.lockBtnWrapper .lockUnlockContainer.lockAbove{top:auto;bottom:100%;margin-top:0;margin-bottom:15px}.lockBtnWrapper .container{display:flex;align-items:center;justify-content:space-between;padding:0px 15px;font-family:"oso-sans";font-size:var(--zoomed-font-size-1);color:#293273;margin:5px 0px;gap:5px}.lockBtnWrapper .verticleLine{margin:0px}.lockBtnWrapper .toolBtn{cursor:pointer;border:none;display:flex;align-items:center;justify-content:center;padding:0;box-sizing:border-box;color:#000;width:var(--icon-size-45);height:var(--icon-size-45);border-radius:50%;transition:background .3s ease}.lockBtnWrapper .toolBtn img{object-fit:contain;display:block;margin:0 auto}.lockBtnWrapper .toolBtn_hover{background:#293273}.lockBtnWrapper .toolBtn_active{background:rgba(0,0,0,0)}.lockBtnWrapper .toolBtn_disable{opacity:.5;pointer-events:none}.lockBtnWrapper .toolBtn_activeDisable{opacity:.5;pointer-events:none}.lockBtnWrapper .toolBtn_activeHover{background:#293273}.lockBtnWrapper .choralSettingsPopup img{display:block;object-fit:contain}.lockBtnWrapper .choralTopRow img{display:block;object-fit:contain}.lockBtnWrapper .choralBottomRow img{display:block;object-fit:contain}.choralBtnWrapper{display:flex;align-items:center;position:relative;flex-shrink:0}.choralBtnWrapper .toolBtn{position:relative;flex-shrink:0}.choralBtnWrapper .toolBtns_hover{background:var(--color-primary3)}.choralBtnWrapper .toolBtns_active{background:var(--color-primary3)}.choralBtnWrapper .toolBtns_activeHover{background:var(--color-primaryhover)}.stampEveryBtnWrapper .toolBtns_hover{background:var(--color-primary3)}.stampEveryBtnWrapper .toolBtns_active{background:var(--color-primary3)}.stampEveryBtnWrapper .toolBtns_activeHover{background:var(--color-primaryhover)}.display_smartBoard .lockBtnWrapper .lockUnlockContainer{top:50%;left:100%;margin:0;margin-right:15px;transform:translateY(-50%)}.buttonWrapper{position:relative;display:inline-flex;justify-content:center;width:100%;height:auto}.buttonWrapper:after{height:calc(100% + 16px);position:absolute;right:0px;top:-8px;content:"";opacity:0;background-color:#293273;pointer-events:none}.buttonWrapper::before{content:"";width:100%;height:calc(100% + 16px);position:absolute;left:0px;top:-8px;background-color:hsla(0,0%,100%,.35);opacity:0;z-index:-1}.buttonWrapper:hover:after,.buttonWrapper:hover:before{opacity:1}.buttonWrapper .toolBtn.buttonWithLabel{width:100% !important;height:40px !important;flex-direction:column}.buttonWrapper .toolBtn.buttonWithLabel span{height:70% !important}.buttonWrapper .toolBtn.buttonWithLabel span img{height:100% !important}.fractionTileContainer{display:flex;align-items:center;justify-content:flex-start;width:100%;height:fit-content}.rightSideToolPanel .fractionTileContainer{display:flex;max-height:100%;box-sizing:border-box;flex-direction:column;overflow:hidden}@media(min-width: 1601px)and (max-width: 1920px){.rightSideToolPanel .fractionTileContainer{height:fit-content}}.fractionTileContainer .fractionGroupContainer{display:flex;flex-direction:row;align-items:center;overflow-x:hidden;padding:.75rem;gap:.625rem}.fractionTileContainer .fractionGroupContainer.vertical{flex-direction:column !important}.rightSideToolPanel .fractionTileContainer .fractionGroupContainer{flex-direction:column !important;gap:.875rem}.fractionTileContainer .fractionGroupContainer .fraction-tile-item{display:flex;align-items:center;justify-content:center;flex-shrink:0}.fractionTileContainer:has(.has-vertical-scroll) .fractionGroupContainer{margin-right:.625rem}.fractionTileContainer .fractionSpecialTools{display:flex;align-items:center;flex-shrink:0}.rightSideToolPanel .fractionTileContainer .fractionSpecialTools{flex-direction:column}.fractionTileContainer .fractionSpecialTools .dividerLine{opacity:50%;margin:0 !important;width:5.625rem !important}.rightSideToolPanel{flex-wrap:nowrap;gap:0}
.inputStyle{width:82px;height:40px;padding:6px 10px;box-sizing:border-box;background-color:#edeff8;border:2px solid #707070;border-radius:7px;box-shadow:inset 5px 5px 1px rgba(0,0,0,.1607843137);appearance:textfield;-webkit-appearance:textfield}.inputStyle::-webkit-inner-spin-button,.inputStyle::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.inputStyle{-moz-appearance:textfield}.inputStyle:focus{outline:none}.inputStyle.inputStyle_hover{border:2px solid #293273}.inputStyle.inputStyle_focus{border:3px solid #293273}.inputStyle.inputStyle_disable{border:1px solid #d1d7ed;background-color:#f0f2fa;color:#a7acc5;cursor:default}
.pattern-shapes{display:flex;flex-direction:column;gap:16px;width:100%;user-select:none;touch-action:manipulation}.pattern-shapes__tray{display:flex;flex-wrap:wrap;margin:calc(-1*12px/2)}.pattern-shapes__tray>*{margin:calc(12px/2)}.pattern-shape{width:72px;height:72px;background:#f9fafb;border:2px solid #cfcfcf;border-radius:12px;box-shadow:0 4px 10px rgba(0,0,0,.08);display:flex;align-items:center;justify-content:center;cursor:grab;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.pattern-shape:hover{transform:translateY(-2px)}.pattern-shape:active{cursor:grabbing;transform:scale(0.96)}.pattern-shape--selected{border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.25)}.pattern-shape--dragging{opacity:.85;z-index:10}.pattern-shape--disabled{opacity:.4;pointer-events:none}.pattern-shapes__dropzone{display:flex;flex-wrap:wrap;min-height:84px;padding:8px;border:2px dashed #cfcfcf;border-radius:12px;background:#fff;margin:calc(-1*12px/2)}.pattern-shapes__dropzone>*{margin:calc(12px/2)}.pattern-shapes__dropzone--active{border-color:#3b82f6;background:rgba(59,130,246,.05)}.pattern-shape__content{width:70%;height:70%;display:block}.pattern-shape__content svg,.pattern-shape__content img{width:100%;height:100%;object-fit:contain;pointer-events:none}.pattern-shape:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(59,130,246,.35)}.pattern-shape--correct{border-color:#16a34a;background:#ecfdf5}.pattern-shape--incorrect{border-color:#dc2626;background:#fef2f2}@keyframes pop-in{from{transform:scale(0.85);opacity:0}to{transform:scale(1);opacity:1}}.pattern-shape--animate{animation:pop-in .2s ease-out}@media(max-width: 480px){.pattern-shape{width:60px;height:60px}}.patternShapeRotateHandle{touch-action:none;-webkit-user-select:none;user-select:none}.patternShapeRotateHandle svg{display:block}.psSelectionGroup__rotateHandle{touch-action:none;-webkit-user-select:none;user-select:none}.psSelectionGroup__dragCircle{transition:background .1s ease}.psSelectionGroup__dragCircle:hover{background:#e0e0e0 !important}
.choralDrawer{--popup-bg: #dbdff0;--popup-border: #5063ae;--dark-btn-bg: #1f2d40;top:50%;transform:translateY(-45%);bottom:auto;left:auto;margin-right:0 !important;direction:ltr;background-color:var(--popup-bg);border:1px solid var(--popup-border);border-radius:5px;z-index:3000 !important;min-width:420px;display:flex;flex-direction:column;box-sizing:border-box;white-space:normal;position:absolute;right:55px;font-family:oso-sans}.choralDrawer .choralWrapper{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #293273;padding:20px}.choralDrawer .choralControlBtnContainer{display:flex;align-items:center;height:100%;gap:10px}.choralDrawer .choralSpeedSection{display:flex;align-items:center;gap:12px}.choralDrawer .choralSpeedSection .labelText{font-size:var(--font-size-18);color:#293273;white-space:nowrap}.choralDrawer .choralSpeedSection .dropdownField1{font-size:var(--font-size-20);width:75%}.choralDrawer .choralSpeedSection .dropdownField1 .dropdownList .dropdownOption{font-size:var(--font-size-20)}.choralDrawer .choralSpeedSection .dropdownField1 .dropdownTrigger{min-height:45px;height:auto;width:127px}.choralDrawer .choralSpeedSection .dropdownField1 .dropdownTrigger .dropDownBtnGrid .dropDownSelected{font-size:var(--font-size-20);word-break:break-word}.choralDrawer .sronly{text-align:center;white-space:nowrap;position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;font-size:0px}.choralDrawer .bottomContainer{display:flex;justify-content:space-between;gap:15px;padding:20px;background:hsla(0,0%,100%,.5)}.choralDrawer .bottomContainer .header{font-family:oso-sans;font-size:var(--font-size-20);display:flex;align-items:center;border-right:1px solid rgba(0,0,0,.7);padding-right:40px;color:#293273}.choralDrawer .bottomContainer .customRadioGroup{--radio-size: 30px}.choralDrawer .bottomContainer .customRadioGroup .radioVisual{--radio-bg: white}.choralDrawer .bottomContainer .customRadioGroup .customRadioItem{border-right:1px solid rgba(0,0,0,.7);padding-right:17px}.choralDrawer .bottomContainer .customRadioGroup .customRadioItem:nth-child(2n){border:none;padding:none}.choralDrawer .bottomContainer .radioFieldsetDirection{margin:0;padding:0;border:none}.choralDrawer .bottomContainer .radioGap{justify-content:space-between;display:grid;width:100%;flex-wrap:wrap;grid-template-columns:1fr 1fr;column-gap:17px;row-gap:20px;justify-items:center}
.dropdownContainer{position:relative;display:inline-flex;font-size:1rem;gap:.5rem;width:70%}.dropdownContainer .dropdownTrigger{padding:0;border:.0625em solid #293273;border-radius:.625em;background:#fff;display:flex;justify-content:space-between;cursor:pointer;overflow-x:hidden}.dropdownContainer .dropdownTrigger:focus-visible{outline:.1875rem solid #293273;outline-offset:.125rem;border-radius:.625em}.dropdownContainer .dropdownTrigger .dropDownBtnGrid{display:flex;grid-template-columns:1fr minmax(35px, 50px);width:100%;height:100%}.dropdownContainer .dropdownTrigger .dropDownBtnGrid .dropDownSelected{font-size:calc(var(--font-size-1) - 4px);font-family:oso-sans;color:#293273;display:flex;align-items:center;padding-right:11px;width:calc(110% - 3rem);padding-left:11px}.dropdownContainer .dropdownTrigger .dropDownBtnGrid .placeHolderNormal{color:rgba(41,50,115,.5019607843)}.dropdownContainer .dropdownTrigger .dropDownBtnGrid .placeHolderOpen{color:rgba(41,50,115,.3019607843)}.dropdownContainer .dropdownTrigger .dropDownBtnGrid .dropDownArrow{background:#293273;border-radius:0 .5em .5em 0;display:flex;align-items:center;justify-content:center;width:3rem;box-sizing:border-box}.dropdownContainer .dropdownTrigger .dropDownBtnGrid .dropDownArrow img{width:14px}.dropdownContainer .dropdownTrigger .dropDownBtnGrid .dropdownTriggerImg_hover{background:#ffda70;border-left:.0625em solid #293273}.dropdownContainer .dropdownList{position:absolute;height:auto;max-height:var(--popup-max-height, 160px);background:#fff;border:.0625em solid #293273;border-radius:.625em;padding:.5625em;margin:0;z-index:10;box-sizing:border-box;padding:.625em .4375em .625em .4375em;width:100%;max-width:inherit}.dropdownContainer .dropdownList .dropdownListInner{margin:0;padding:0;list-style:none}.dropdownContainer .dropdownList .dropdownListInner:focus{outline:none}.dropdownContainer .dropdownList .dropdownOption{cursor:pointer;font-family:oso-sans;font-size:var(--font-size-1);border-radius:.625em;color:#293273;padding:.5rem;list-style:none;box-sizing:border-box;display:flex;padding-right:.8rem;margin-right:.8rem}.dropdownContainer .dropdownList .dropdownOption.focused{background:#e9eaf1}.dropdownContainer .dropdownList .dropdownOption.selected{color:#fff;background:#293273}.dropdownContainer .dropdownList .dropdownOption.optionDisable{pointer-events:none}.dropdownContainer .position-bottom{top:calc(100% + 4px)}.dropdownContainer .position-top{bottom:calc(100% + 4px)}.dropdownContainer .align-left{justify-content:left;text-align:left}.dropdownContainer .align-center{justify-content:center;text-align:center}.dropdownContainer .align-right{justify-content:right;text-align:right}.dropdownContainer .verticalList .customScrollbarTrack.vertical{background:#d4d6e3;border-radius:10px}.dropdownContainer .verticalList .customScrollbarThumb.vertical{background:#293273;border-radius:10px}.dropdownContainer .verticalList .verticalList::-webkit-scrollbar{width:5px}.arrow{margin-left:8px}
.customRadioGroup{--radio-size: 26px;--radio-inner: 12px;--radio-gap: 12px;--text-size: 18px;--radio-border: 2px;display:flex;flex-direction:column;gap:8px;align-items:flex-start}.customRadioGroup .customRadioItem{display:flex;align-items:center;gap:var(--radio-gap);cursor:pointer;user-select:none}.customRadioGroup .customRadioInput{position:absolute;width:var(--radio-size);height:var(--radio-size);padding:0;margin:0;overflow:hidden;clip-path:inset(50%);border:0;white-space:nowrap}.customRadioGroup .customRadioLabel{display:inline-flex;align-items:center;gap:var(--radio-gap);cursor:pointer;outline:none;font-size:var(--text-size)}.customRadioGroup .customRadioInput:focus-visible+.customRadioLabel .radioVisual{outline:.1875rem solid #5063ae;outline-offset:.125rem}.customRadioGroup .radioVisual{width:var(--radio-size);height:var(--radio-size);min-width:var(--radio-size);min-height:var(--radio-size);border-radius:50%;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;border:var(--radio-border) solid var(--radio-border-color, #ffffff);background:var(--radio-bg, transparent)}.customRadioGroup .radioInner{width:var(--radio-inner);height:var(--radio-inner);border-radius:50%;background:var(--radio-inner-color, var(--radio-Color));transform:scale(1.3)}.customRadioGroup .radioText{color:var(--radio-Color);white-space:nowrap;flex:1;font-family:oso-sans;font-weight:400;font-style:normal}.customRadioGroup .customRadioItem[data-selected=false] .radioVisual{--radio-border-color: var(--radio-Color);--radio-bg: transparent;--radio-inner-color: transparent}.customRadioGroup .customRadioItem[data-focused=true][data-selected=false] .radioInner{background:var(--radio-inner-selected-color, var(--radio-Color));opacity:.4}.customRadioGroup .customRadioItem[data-selected=true] .radioVisual{--radio-border-color: var(--radio-Color);--radio-bg: var(--radio-selected-bg, var(--radio-Color) ;)}.customRadioGroup .customRadioItem[data-selected=true] .radioInner{background:var(--radio-inner-selected-color, var(--radio-Color))}.customRadioGroup .customRadioItem[data-disabled=true]{opacity:.5;cursor:default}.customRadioGroup .customRadioItem[data-disabled=true] .customRadioLabel{pointer-events:none}.customRadioGroup .customRadioGroup.horizontal{flex-direction:column;flex-wrap:wrap}
.stamp-every-popup{position:absolute;top:50%;transform:translateY(-50%);bottom:auto;left:auto;right:100%;margin-right:0 !important;direction:ltr;z-index:2500;display:flex;flex-direction:row;align-items:center;justify-content:space-between;background-color:#ccd3ea;border:1px solid #7f8bc2;border-radius:8px;padding:12px 15px;box-shadow:0 4px 15px rgba(0,0,0,.2);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;color:#333;width:auto;min-width:420px}.stamp-every-popup *{box-sizing:border-box}.stamp-every-popup .inputs-section{display:flex;flex-direction:column;gap:10px;flex-grow:1}.stamp-every-popup .inputs-section .form-row{display:flex;align-items:center;gap:10px}.stamp-every-popup .inputs-section .form-row label{font-size:14px;font-weight:500;color:#222;min-width:85px;text-align:left}.stamp-every-popup .inputs-section .form-row .form-input{width:45px;padding:4px;border:1px solid #7f8bc2;border-radius:3px;font-size:14px;background:#fff;text-align:center;height:28px}.stamp-every-popup .inputs-section .form-row .form-input:focus{outline:none;border-color:#2c3e50;box-shadow:0 0 0 1px rgba(0,0,0,.1)}.stamp-every-popup .inputs-section .form-row .form-text{font-size:14px;color:#333;white-space:nowrap}.stamp-every-popup .vertical-separator{width:1px;height:50px;background-color:#9aa5d6;border-right:1px solid #eef1fa;margin:0 15px}.stamp-every-popup .button-section{display:flex;align-items:center}.stamp-every-popup .button-section .submit-btn{width:50px;height:35px;background:#1f2d45;color:#fff;border:1px solid #0f1825;border-radius:6px;font-size:14px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 5px rgba(0,0,0,.2)}.stamp-every-popup .button-section .submit-btn:hover{background:#2c3e5c}.stamp-every-popup .button-section .submit-btn:active{transform:translateY(1px)}@media(max-width: 600px){.stamp-every-popup{flex-direction:column;align-items:stretch;min-width:300px}.stamp-every-popup .vertical-separator{width:100%;height:1px;margin:15px 0;border-right:none;border-bottom:1px solid #eef1fa}.stamp-every-popup .button-section{justify-content:flex-end}}.stampEveryWrapper{--color-primary: #293273;--color-secondary: #5063ae;--color-tertiary: #ffffff;position:absolute;right:55px;top:50%;transform:translateY(-50%);bottom:auto;left:auto;width:auto;min-width:500px;right:100%;direction:ltr;display:flex;flex-direction:row;align-items:center;justify-content:space-between;background-color:#dbdff0;border:1px solid #5063ae;border-radius:8px;padding:20px;box-shadow:0 4px 15px rgba(0,0,0,.2);font-family:oso-sans;display:grid;grid-template-columns:5fr .3fr 1fr;justify-items:center;z-index:1}.stampEveryWrapper .leftWrapper{display:flex;flex-direction:column;height:100%;width:100%;font-size:var(--font-size-20);gap:20px;color:#293273;font-family:oso-sans}.stampEveryWrapper .leftWrapper .spanText{white-space:nowrap}.stampEveryWrapper .leftWrapper .upperContainer{display:flex;gap:10px;align-items:center}.stampEveryWrapper .leftWrapper .bottomContainer{display:flex;gap:10px;align-items:center}.stampEveryWrapper .leftWrapper .inputStyle{box-shadow:none;border-radius:0;border:1px solid var(--color-primary);background:var(--color-tertiary);color:var(--color-primary) !important;font-size:var(--font-size-20);height:auto;min-height:45px;width:70px}.stampEveryWrapper .leftWrapper .form-input{width:45px;padding:4px;border:1px solid #7f8bc2;border-radius:3px;background:#fff;text-align:center;height:28px}.stampEveryWrapper .leftWrapper .form-input:focus{outline:none;border-color:#2c3e50;box-shadow:0 0 0 1px rgba(0,0,0,.1)}.stampEveryWrapper .divider{border:1px solid rgba(0,0,0,.3);width:0px;height:100%}.stampEveryWrapper .dividerHorizontal{border:1px solid rgba(0,0,0,.3);width:100%;height:0;margin:5px 0px}.stampEveryWrapper .btnHolder .outputBtn{width:auto;height:auto;font-size:var(--font-size-25);box-shadow:0 .125rem .25rem rgba(0,0,0,.1);padding:2.5px 15px}.stampEveryWrapper .warningText{color:red}
.popoverMenuWrapper{--popover-bg: #dbdff0;--popover-border: #293273;--popover-text: #293273;--popover-hover: #293273;--popover-active: #293273;--beak-size: 0.625rem;--beak-top: 50%;position:absolute;right:calc(100% + var(--beak-size));top:50%;transform:translateY(-50%);z-index:900;direction:ltr;display:flex;flex-direction:column;background-color:var(--popover-bg);border:.0625rem solid var(--popover-border);border-radius:.625rem;padding:.3125rem .4375rem;font-family:oso-sans;min-width:7.5rem}.popoverMenuWrapper::after{content:"";position:absolute;top:var(--beak-top);right:calc(-1*var(--beak-size));transform:translateY(-50%);width:0;height:0;border-top:var(--beak-size) solid rgba(0,0,0,0);border-bottom:var(--beak-size) solid rgba(0,0,0,0);border-left:var(--beak-size) solid var(--popover-border)}.popoverMenuWrapper::before{content:"";position:absolute;top:var(--beak-top);right:calc(-1*var(--beak-size) + .0625rem);transform:translateY(-50%);width:0;height:0;border-top:var(--beak-size) solid rgba(0,0,0,0);border-bottom:var(--beak-size) solid rgba(0,0,0,0);border-left:var(--beak-size) solid var(--popover-bg);z-index:1}.popoverMenuWrapper--right{right:auto;left:calc(100% + var(--beak-size))}.popoverMenuWrapper--right::after{right:auto;left:calc(-1*var(--beak-size));border-left:none;border-right:var(--beak-size) solid var(--popover-border)}.popoverMenuWrapper--right::before{right:auto;left:calc(-1*var(--beak-size) + .0625rem);border-left:none;border-right:var(--beak-size) solid var(--popover-bg)}.popoverMenuOption{display:flex;align-items:center;font-size:var(--font-size-20, 1.25rem);font-family:oso-sans;width:100%;text-align:left;height:auto;white-space:nowrap;padding:.275rem .25rem .4rem .25rem}.popoverMenuDivider{width:100%;height:.0625rem;background:rgba(41,50,115,.3);margin:.28125rem 0}
.fraction-tile-draggable{display:flex;align-items:center;justify-content:center;position:relative;user-select:none;cursor:grab}.fraction-tile-draggable.fraction-tile-rect{border:.125rem solid #333;border-radius:0}.fraction-tile-draggable.fraction-tile-rect:hover{background-color:#293273 !important}.fraction-tile-draggable.fraction-tile-rect:hover .fraction-tile-label{color:#fff !important}.fraction-tile-draggable.fraction-tile-circle{border:none;overflow:visible}.fraction-tile-draggable.fraction-tile-circle:hover .fraction-tile-image{filter:brightness(0) saturate(100%) invert(18%) sepia(60%) saturate(700%) hue-rotate(205deg) brightness(80%) !important}.fraction-tile-draggable.fraction-tile-circle:hover .fraction-tile-label-container,.fraction-tile-draggable.fraction-tile-circle:hover .fraction-tile-label,.fraction-tile-draggable.fraction-tile-circle:hover .fraction-tile-label .MathJax{color:#fff !important}.fraction-tile-inner{position:relative;width:100%;height:100%}.fraction-tile-svg-container{overflow:visible}.fraction-tile-label-container{position:absolute;width:2.5rem;height:1.875rem;display:flex;align-items:center;justify-content:center;pointer-events:none;font-size:1.25rem;font-family:oso-sans}.fraction-tile-label{font-family:oso-sans;font-weight:bold;font-size:1.25rem;pointer-events:none;color:var(--color-primary3, #293273);display:flex;align-items:center;justify-content:center}.fraction-tile-label .MJX-TEX{font-family:inherit;font-weight:inherit}.fraction-tile-label mjx-c::before{padding:0px .5em 0px 0px !important}.fraction-button-wrapper{position:relative;display:flex;align-items:center;justify-items:center;margin:.313rem 0}.fraction-button-wrapper .toolBtn img{width:1.25rem !important;height:1.25rem !important}@media(min-width: 1601px)and (max-width: 1920px){.fraction-button-wrapper .toolBtn img{width:1.875rem !important;height:1.875rem !important}}.fraction-tile-clone{position:fixed;z-index:10000;pointer-events:none}.fraction-tile-clone.fraction-tile-rect{box-sizing:border-box;border-style:solid;display:flex;align-items:center;justify-content:center}.fraction-tile-clone-label{color:var(--color-primary3, #293273)}.fraction-tile-clone-label.rect-centered{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);margin:0;padding:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.fraction-tile-ghost{opacity:.4;pointer-events:none;display:none;position:fixed}.fraction-tile-label-wrapper{position:absolute;transform:translate(-50%, -50%);pointer-events:none;display:flex;align-items:center;justify-content:center}
.splitModalContainer{width:26.563rem;background:#fff;border-radius:1.125rem;padding:1.75rem 2rem 3.875rem 2rem;display:flex;flex-direction:column;align-items:center;gap:1rem;--color-1: #2d3570;--color-2: #ffda70;--color-3: #d1d7ed;--color-4: #9097be;--color-5: #ffffff;position:relative}@media(min-width: 1601px)and (max-width: 1920px){.splitModalContainer{width:39.563rem}}.splitModalContainer .splitTitle{font-size:1.875rem;font-family:oso-sans;font-weight:400;font-style:normal;line-height:2.8125rem;color:#293273;text-align:center}@media(min-width: 1280px){.splitModalContainer .splitTitle{font-size:1.625rem}}@media(min-width: 1601px)and (max-width: 1920px){.splitModalContainer .splitTitle{font-size:2.188rem}}.splitModalContainer .splitInputRow{display:flex;align-items:center;gap:.75rem;margin-top:.5rem}.splitModalContainer .splitInputRow .splitLabel{font-size:1.375rem;font-family:oso-sans;font-weight:400;color:#293273;white-space:nowrap}@media(min-width: 1280px){.splitModalContainer .splitInputRow .splitLabel{font-size:1.25rem}}@media(min-width: 1601px)and (max-width: 1920px){.splitModalContainer .splitInputRow .splitLabel{font-size:1.563rem}}.splitModalContainer .splitInputRow .splitCircleBtn{width:2.5rem;height:2.5rem;border-radius:50%;border:.125rem solid #293273;background:#fff;color:#293273;font-size:1.5rem;font-weight:600;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s,color .2s;user-select:none}@media(min-width: 1280px){.splitModalContainer .splitInputRow .splitCircleBtn{width:2.25rem;height:2.25rem}}.splitModalContainer .splitInputRow .splitCircleBtn:hover{background:var(--color-2)}.splitModalContainer .splitInputRow .splitCircleBtn:active{background:#e6c45a}.splitModalContainer .splitInputRow .splitCircleBtn.disabled{pointer-events:none;opacity:.4}.splitModalContainer .splitInputRow .splitInputBox{width:4.063rem;height:2.813rem;border-radius:.5rem;border:.125rem solid #293273;font-size:1.5rem;font-family:oso-sans;font-weight:600;text-align:center;color:#293273;outline:none;background:#fff;box-shadow:none;appearance:textfield;-moz-appearance:textfield}.splitModalContainer .splitInputRow .splitInputBox::-webkit-outer-spin-button,.splitModalContainer .splitInputRow .splitInputBox::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.splitModalContainer .splitMaxLabel{font-size:1.25rem;font-family:oso-sans;font-weight:400;font-style:italic;color:#293273;text-align:center;width:100%;padding:.875rem 0;border-top:.0625rem solid #293273;border-bottom:.0625rem solid #293273}@media(min-width: 1280px){.splitModalContainer .splitMaxLabel{font-size:1.125rem}}.splitModalContainer .splitMaxLabelError{color:red}.splitModalContainer .splitBtnRow{display:flex;gap:1rem;margin-top:.25rem}.splitModalContainer .splitBtnRow .splitBtn{width:7.5rem;height:2.8125rem;background:#293273;color:#fff;border:.125rem solid #293273;font-size:1.25rem;font-family:oso-sans;font-weight:400;border-radius:.625rem;cursor:pointer;transition:background .2s,color .2s}.splitModalContainer .splitBtnRow .splitBtn:hover{background:var(--color-2);color:var(--color-1)}.splitModalContainer .splitBtnRow .splitBtn:active{background:#e6c45a}.splitModalContainer .splitBtnRow .splitBtn.splitBtnDisabled{opacity:.4;pointer-events:none;background:#d1d7ed;border-color:#d1d7ed;color:#9097be}.splitModalContainer .footerModal{width:100%;height:2.3125rem;border-radius:0 0 1.125rem 1.125rem;margin-top:1.125rem;position:absolute;bottom:0;left:0;overflow:hidden}.splitModalContainer .footerModal img{width:100%;height:100%;object-fit:cover;display:block}
.popupOverlay{position:fixed;top:0;left:0;width:100vw;height:100vh;width:100dvw;height:100dvh;background:rgba(41,50,115,.8);display:flex;align-items:center;justify-content:center;z-index:1000;transition:background .2s;pointer-events:auto}.popup{background:#fff;border-radius:30px;box-shadow:0 0px 12px rgba(0,0,0,.5);max-width:80vw;max-height:90vh;max-width:80dvw;max-height:90dvh;position:relative;outline:none;display:flex;flex-direction:column}.popupContent{max-height:80dvh;overflow-y:auto}.popupSrOnly{position:absolute;width:.0625rem;height:.0625rem;padding:0;margin:-0.0625rem;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}
.blocksComponent{display:grid;grid-template-columns:repeat(2, 1fr);grid-template-rows:repeat(2, 1fr);gap:.25rem;box-sizing:border-box}.blocksComponent .blockItem{width:1.875rem;height:1.875rem;border:1px solid #000;opacity:1;cursor:grab;transition:transform .1s ease}.blocksComponent .blockItem:hover{transform:scale(1.1)}.blocksComponent .blockItem:active{cursor:grabbing}.blocksComponent .blockItem.disabled{opacity:.3;cursor:not-allowed;pointer-events:none}.blocksComponent .blockItem.disabled:hover{transform:none}.blocksComponent .red{background-color:#e2546c}.blocksComponent .blue{background-color:#95c2d1}.blocksComponent .green{background-color:#6bb06e}.blocksComponent .yellow{background-color:#fed87f}.block-ghost{position:fixed;pointer-events:none;z-index:9999;width:3.4375rem;height:3.4375rem;border:.0625rem solid #293273;box-sizing:border-box;opacity:.8}.block-canvas-ghost{position:absolute;pointer-events:none;z-index:9998;width:3.4375rem;height:3.4375rem;border:.0625rem dashed #293273;box-sizing:border-box;background-color:hsla(0,0%,100%,.4)}
.whitepaper{width:100%;height:100%;overflow:auto;position:relative;background:#000;box-sizing:border-box;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0,0,0,0);user-select:none}.whitepaper .mainHolder{position:absolute;background-color:#fff;margin:auto;transform-origin:top left;box-sizing:border-box;overflow:hidden;will-change:transform;transform:translateZ(0);backface-visibility:hidden;-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-user-select:none;user-select:none}.whitepaper .mainHolder .drawingCanvas{position:absolute;top:0;left:0;transform-origin:left top}.whitepaper .mainHolder .raphealContainer{position:absolute;top:0;left:0;pointer-events:none;transform-origin:left top;will-change:transform;transform:translateZ(0);backface-visibility:hidden;-webkit-user-select:none;-webkit-user-drag:none;-webkit-touch-callout:none;user-select:none}.whitepaper .mainHolder .raphealContainer .raphaelCanvas{-webkit-user-select:none;-webkit-user-drag:none;-webkit-touch-callout:none;user-select:none}.whitepaper .mainHolder .raphealContainer .raphaelCanvas svg{-webkit-user-select:none;-webkit-user-drag:none;user-select:none}.whitepaper .mainHolder .raphealContainer .raphaelCanvas svg *{pointer-events:visiblePainted;shape-rendering:crispEdges;-webkit-user-select:none;-webkit-user-drag:none;user-select:none}.whitepaper .mainHolder .domCanvas{position:absolute;top:0;left:0;pointer-events:none;transform-origin:left top;will-change:transform;transform:translateZ(0);backface-visibility:hidden}.whitepaper .mainHolder .domCanvas *{pointer-events:auto}.whitepaper .mainHolder .moveableCanvas{position:absolute;top:0;left:0;pointer-events:none;transform-origin:left top;will-change:transform;transform:translateZ(0);backface-visibility:hidden}.whitepaper .mainHolder .moveableCanvas *{pointer-events:auto;box-sizing:border-box;-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-user-select:none;user-select:none}.whitepaper .mainHolder.drawing-active .moveableCanvas .mathEditorParent{pointer-events:none !important}.whitepaper .mainHolder.drawing-active .moveableCanvas .mathEditorParent *{pointer-events:none !important}.whitepaper .mainHolder .bottomPanelTool{position:absolute;top:var(--bottomPanelTool-posY);left:var(--bottomPanelTool-posX);opacity:var(--bottomPanelTool-visible);transition:opacity .3s,transform 5s}.whitepaper .linkPopup{position:absolute;background:#dbdff0;border-radius:6px;font-size:24px}.whitepaper .linkPopup .rotateHandle{position:absolute;width:22px;height:22px;background:#333;border-radius:50%;cursor:grab;box-shadow:0 2px 6px rgba(0,0,0,.25);transform:translate(-50%, -50%);z-index:2000}.whitepaper .linkPopup{border:1px solid #5063ae;padding:6px 10px;display:flex;align-items:center;gap:10px;font-family:"oso-sans"}.whitepaper .linkPopup .dividerLine{width:2px;height:30px;background-color:#babecc}.whitepaper .linkPopup .removeLink{cursor:pointer;border:none;display:flex;align-items:center;justify-content:center;padding:0;box-sizing:border-box;color:#000;background:rgba(0,0,0,0);border-radius:50%;transition:background .3s ease}.whitepaper .linkPopup .removeLink img{height:35px}.whitepaper .linkPopup .removeLink_hover{background:#293273}.whitepaper .penCursor{cursor:url(../../b1fc3325f98c1c6a774b.svg) 10 32,auto}@media(max-height: 850px){.whitepaper{width:calc(100dvw - 40px)}}svg{shape-rendering:geometricPrecision}.fullwidth{width:100% !important}.panningMode{cursor:grab !important}.panningMode *{cursor:grab !important}.panningMode.dragging{cursor:grabbing !important}.panningMode.dragging *{cursor:grabbing !important}.panningMode .patternShapeWrapper,.panningMode .psSelectionGroup,.panningMode .manipulativeGroup,.panningMode .diceWrapper,.panningMode .spinnerManipulativeWrapper,.panningMode .cardPoolWrapper,.panningMode .cardWrapperPerspective,.panningMode .cardWrapper,.panningMode .shadeContainer,.panningMode .shades,.panningMode .counter,.panningMode .numberRackWrapper,.panningMode .tableManipContainer,.panningMode .fraction-tile-manipulative,.panningMode .numberLineWidget,.panningMode .jumpBarManipulative,.panningMode .numberLineCustomTickManipulative,.panningMode .coloredTilesWrapper,.panningMode .resizeHolder{pointer-events:none}
.resizeHolder{position:relative;border:1px solid #000;pointer-events:none;z-index:1000;touch-action:none}.resizeHolder *{pointer-events:auto}.resizeHolder .leftTop{position:absolute;top:calc(var(--control-size)*-1.5);left:calc(var(--control-size)*-1.5);width:calc(var(--control-size)*3);height:calc(var(--control-size)*3);background-color:rgba(0,0,0,0);border:none;cursor:nwse-resize}.resizeHolder .leftTop::before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:var(--control-size);height:var(--control-size);background-color:#fff;border:1px solid #000}.resizeHolder .rightTop{position:absolute;top:calc(var(--control-size)*-1.5);right:calc(var(--control-size)*-1.5);width:calc(var(--control-size)*3);height:calc(var(--control-size)*3);background-color:rgba(0,0,0,0);border:none;cursor:nesw-resize}.resizeHolder .rightTop::before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:var(--control-size);height:var(--control-size);background-color:#fff;border:1px solid #000}.resizeHolder .leftBottom{position:absolute;bottom:calc(var(--control-size)*-1.5);left:calc(var(--control-size)*-1.5);width:calc(var(--control-size)*3);height:calc(var(--control-size)*3);background-color:rgba(0,0,0,0);border:none;cursor:nesw-resize}.resizeHolder .leftBottom::before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:var(--control-size);height:var(--control-size);background-color:#fff;border:1px solid #000}.resizeHolder .rightBottom{position:absolute;bottom:calc(var(--control-size)*-1.5);right:calc(var(--control-size)*-1.5);width:calc(var(--control-size)*3);height:calc(var(--control-size)*3);background-color:rgba(0,0,0,0);border:none;cursor:nwse-resize}.resizeHolder .rightBottom::before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:var(--control-size);height:var(--control-size);background-color:#fff;border:1px solid #000}.resizeHolder .top{position:absolute;top:calc(var(--control-size)*-1.5);right:calc(50% - var(--control-size)*1.5);width:calc(var(--control-size)*3);height:calc(var(--control-size)*3);background-color:rgba(0,0,0,0);border:none;cursor:ns-resize}.resizeHolder .top::before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:var(--control-size);height:var(--control-size);background-color:#fff;border:1px solid #000}.resizeHolder .middle{position:absolute;--middle-hit-area: calc(var(--control-size) * 4);--middle-hit-area-half: calc(var(--middle-hit-area) / 2);top:calc(50% - var(--middle-hit-area-half));right:calc(50% - var(--middle-hit-area-half));width:var(--middle-hit-area);height:var(--middle-hit-area);background-color:rgba(0,0,0,0);border:none;cursor:grab}.resizeHolder .middle::before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:var(--control-size);height:var(--control-size);background-color:#fff;border:1px solid #000}.resizeHolder .bottom{position:absolute;bottom:calc(var(--control-size)*-1.5);right:calc(50% - var(--control-size)*1.5);width:calc(var(--control-size)*3);height:calc(var(--control-size)*3);background-color:rgba(0,0,0,0);border:none;cursor:ns-resize}.resizeHolder .bottom::before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:var(--control-size);height:var(--control-size);background-color:#fff;border:1px solid #000}.resizeHolder .right{position:absolute;right:calc(var(--control-size)*-1.5);top:calc(50% - var(--control-size)*1.5);width:calc(var(--control-size)*3);height:calc(var(--control-size)*3);background-color:rgba(0,0,0,0);border:none;cursor:ew-resize}.resizeHolder .right::before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:var(--control-size);height:var(--control-size);background-color:#fff;border:1px solid #000}.resizeHolder .left{position:absolute;left:calc(var(--control-size)*-1.5);top:calc(50% - var(--control-size)*1.5);width:calc(var(--control-size)*3);height:calc(var(--control-size)*3);background-color:rgba(0,0,0,0);border:none;cursor:ew-resize}.resizeHolder .left::before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:var(--control-size);height:var(--control-size);background-color:#fff;border:1px solid #000}.resizeHolder .rotate{position:absolute;top:calc(-20px - var(--zoomed-icon-size)*1.5);left:calc(50% - var(--zoomed-icon-size)*.75)}.resizeHolder .rotate .rotateIcon{width:calc(var(--zoomed-icon-size)*1.5);height:calc(var(--zoomed-icon-size)*1.5);position:relative;cursor:grab;background:rgba(0,0,0,0);border:none;overflow:visible}.resizeHolder .rotate .rotateIcon::before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:calc(var(--zoomed-icon-size)*2.5);height:calc(var(--zoomed-icon-size)*2.5)}.resizeHolder .rotate .rotateIcon img{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:calc(var(--zoomed-icon-size)*1.5);height:calc(var(--zoomed-icon-size)*1.5);padding:calc(var(--zoomed-icon-size)*.2);box-sizing:border-box;border-radius:50%;border:1px solid #000;background:#dbdff0;pointer-events:none}.resizeHolder .rotate .rotateIcon_hover img{background:#293273}.resizeHolder .rotate .rotateLine{position:absolute;top:calc(var(--zoomed-icon-size)*1.5);left:calc(50% - .5px);height:20px;width:1px;background-color:#000}
.tableManipContainer{position:absolute;overflow:visible}.tableManipContainer .tableManipTable{border-collapse:collapse;table-layout:fixed;position:static}.tableManipContainer .tableManipTd{border:.1rem solid #5063ae;padding:.2rem;position:relative;overflow:visible;scroll-margin:0;overflow-anchor:none}.tableManipContainer .tableManipTd .mathEditorParent{width:100%;height:auto !important;min-height:100%}.tableManipContainer .tableManipTd .mathEditorParent .editorDiv{width:100%;height:auto;overflow-wrap:anywhere !important;word-break:break-all !important;white-space:normal !important}.tableManipContainer .tableManipTd .mathEditorParent .editorDiv math-field{max-width:100%;display:block;overflow-x:auto}.tableManipContainer .tableManipTd .mathEditorParent .keypadWrapper{position:fixed !important;top:var(--keypad-fixed-top, 0) !important;left:var(--keypad-fixed-left, 0) !important;margin-top:0 !important;z-index:10000 !important}.tableManipContainer .tableBottomUIWrapper{position:absolute;top:100%;margin-top:120px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;z-index:2001;pointer-events:none}.tableManipContainer .tableBottomUIWrapper .keypadWrapper{pointer-events:auto;filter:drop-shadow(0px 4px 10px rgba(0, 0, 0, 0.2));display:flex;flex-direction:column;gap:4px;background-color:#293273;box-sizing:border-box;width:340px;max-width:calc(100vw - 20px);height:auto;padding:8px 7px;border-radius:5px}.tableManipContainer .tableBottomUIWrapper .keypadWrapper *,.tableManipContainer .tableBottomUIWrapper .keypadWrapper *::before,.tableManipContainer .tableBottomUIWrapper .keypadWrapper *::after{box-sizing:border-box}.tableManipContainer .tableBottomUIWrapper .keypadWrapper .keypadGrid{display:grid;grid-template-columns:repeat(10, 1fr);gap:4px}.tableManipContainer .tableBottomUIWrapper .keypadWrapper .keypadBtn{color:#fff;width:auto;min-width:0;height:28px;border:none;border-radius:4px;font-size:16px;display:flex;align-items:center;justify-content:center;transition:background .2s;background:#5063ae;cursor:pointer;padding:0;-webkit-appearance:none;appearance:none}.tableManipContainer .tableBottomUIWrapper .keypadWrapper .keypadBtn_hover{color:#000;border:2px solid #2a3273;background:#ffda71 !important}.tableManipContainer .tableBottomUIWrapper .keypadWrapper .keypadLeft{background:#2a3273;border:1px solid #fff}.tableManipContainer .tableBottomUIWrapper .keypadWrapper .keypadRight{background:#5063ae}.tableManipContainer .keypadBottomRow{display:flex;align-items:center;gap:4px;width:100%;padding-top:4px}.tableManipContainer .keypadEmptyBtn{flex:5}.tableManipContainer .keypadBottomBtn,.tableManipContainer .keypadBottomBtn button{height:28px !important;background:#5063ae !important;border:none !important;border-radius:4px;color:#293273;display:flex;align-items:center;justify-content:center;padding:0;box-sizing:border-box}.tableManipContainer .keypadBottomBtn:first-of-type{flex:3}.tableManipContainer .keypadBottomBtn:first-of-type,.tableManipContainer .keypadBottomBtn:first-of-type button{width:100% !important}.tableManipContainer .keypadBottomBtn:first-of-type img{width:55px;height:20px}.tableManipContainer .keypadBottomBtn:last-of-type{flex:2}.tableManipContainer .keypadBottomBtn:last-of-type,.tableManipContainer .keypadBottomBtn:last-of-type button{width:100% !important}.tableManipContainer .keypadBottomBtn:last-of-type img{width:28px;height:20px}.tableManipContainer .columnControlsContainer{position:absolute;top:-45px;width:100%;height:0;pointer-events:none}.tableManipContainer .rowControlsContainer{position:absolute;top:0;left:0;width:0;height:100%;pointer-events:none}.tableManipContainer .columnControl{width:60px;height:30px;display:flex;align-items:center;justify-content:space-between;background-color:#5063ae;position:absolute;transform:translateX(-50%);border-radius:15px;pointer-events:auto}.tableManipContainer .rowControl{width:60px;height:30px;display:flex;align-items:center;justify-content:space-between;background-color:#5063ae;position:absolute;transform:translateY(-50%);border-radius:15px;pointer-events:auto}.tableManipContainer .btn{width:29px;height:29px;display:flex;justify-content:center;padding:0px;margin:0px;cursor:pointer;background:#dbdff0;border:1px solid #5063ae;border-radius:50%;color:#293273;position:relative;top:0px;transition:.1s all}.tableManipContainer .btn img{object-fit:contain;height:100%;width:100%}.tableManipContainer .btn:disabled{cursor:not-allowed;pointer-events:none}.tableManipContainer .btnCSS_hover{background:#293273;color:#fff;transform:scale(1.1);top:2px;left:2px}.tableManipContainer .tableManipTd{position:relative}.tableManipContainer .tableManipTd .col-resizer{position:absolute;top:0;right:-3px;width:2px;height:100%;cursor:col-resize;z-index:2;margin:0px;padding:0px}.tableManipContainer .tableManipTd .row-resizer{position:absolute;bottom:-3px;left:0;width:100%;height:2px;cursor:row-resize;z-index:2;margin:0px;padding:0px}.tableManipContainer .resize-handle{position:absolute;width:10px;height:10px;background-color:#fff;border:1px solid #5063ae;z-index:1010;padding:0;margin:0;-webkit-appearance:none;appearance:none;box-sizing:border-box;outline:none}.tableManipContainer .resize-handle-nw{top:-5px;left:-5px;cursor:nw-resize}.tableManipContainer .resize-handle-ne{top:-5px;right:-5px;cursor:ne-resize}.tableManipContainer .resize-handle-sw{bottom:-5px;left:-5px;cursor:sw-resize}.tableManipContainer .resize-handle-se{bottom:-5px;right:-5px;cursor:se-resize}.tableManipContainer .resize-handle-n{top:-5px;left:50%;transform:translateX(-50%);cursor:n-resize}.tableManipContainer .resize-handle-s{bottom:-5px;left:50%;transform:translateX(-50%);cursor:s-resize}.tableManipContainer .resize-handle-e{right:-5px;top:50%;transform:translateY(-50%);cursor:e-resize}.tableManipContainer .resize-handle-w{left:-5px;top:50%;transform:translateY(-50%);cursor:w-resize}
.ML__keyboard,.ML__keyboard-container,math-virtual-keyboard{display:none !important;visibility:hidden !important;pointer-events:none !important}.ML__menu,.ML__menu-container,.ML__menu-root{display:none !important;visibility:hidden !important}.mathEditorParent{font-family:"oso-sans";position:relative}.mathEditorParent .editorDiv{border:0px;padding:10px;font-size:20px;height:100%;font-family:"oso-sans"}.mathEditorParent .editorDiv.focused{outline:2px solid #293273}.mathEditorParent .editorDiv{-webkit-user-select:text !important;user-select:text !important}.mathEditorParent .editorDiv.editorDivDisable{-webkit-user-select:none !important;user-select:none !important}.mathEditorParent .editorDiv math-field{border:0px;outline:none;background:rgba(0,0,0,0);--_text-font-family: 'oso-sans', sans-serif;font-family:"oso-sans",sans-serif;-webkit-user-select:text !important;user-select:text !important}.mathEditorParent .editorDiv math-field:focus,.mathEditorParent .editorDiv math-field:focus-within{outline:none;box-shadow:none}.mathEditorParent{--keypad-width: 503px;--keypad-gap: 7px;--keypad-padding-v: 12px;--keypad-padding-h: 10px;--keypad-btn-height: 40px;--keypad-btn-font: 25px}.mathEditorParent .keypadWrapper{display:flex;flex-direction:column;gap:var(--keypad-gap);background-color:#293273;box-sizing:border-box;width:var(--keypad-width);max-width:calc(100vw - 20px);height:auto;padding:var(--keypad-padding-v) var(--keypad-padding-h);border-radius:5px}.mathEditorParent .keypadWrapper *,.mathEditorParent .keypadWrapper *::before,.mathEditorParent .keypadWrapper *::after{box-sizing:border-box}.mathEditorParent .keypadWrapper .keypadGrid{display:grid;grid-template-columns:repeat(10, 1fr);gap:var(--keypad-gap)}.mathEditorParent .keypadWrapper .keypadBtn{color:#fff;width:auto;min-width:0;height:var(--keypad-btn-height);border:none;border-radius:5px;font-size:var(--keypad-btn-font);display:flex;align-items:center;justify-content:center;transition:background .2s;background:#5063ae;cursor:pointer;padding:0;-webkit-appearance:none}.mathEditorParent .keypadWrapper .keypadBtn.height100 span{height:100%}.mathEditorParent .keypadWrapper .keypadBtn.bottomBtns:first-child{cursor:default}.mathEditorParent .keypadWrapper .keypadBtn_hover{color:#000;border:2px solid #2a3273;background:#ffda71 !important}.mathEditorParent .keypadWrapper .bottomBtns:first-child.keypadBtn_hover{border:none !important;background:#b8c0e0 !important}.mathEditorParent .keypadWrapper .keypadLeft{background:#2a3273;border:1px solid #fff}.mathEditorParent .keypadWrapper .keypadRight{background:#5063ae}.mathEditorParent .keypadWrapper .bottomBtns{display:flex;gap:var(--keypad-gap);justify-content:space-between;padding:0px;box-sizing:border-box}.mathEditorParent .keypadWrapper .keyBtn_1{flex:236;background:#b8c0e0 !important;opacity:.19}.mathEditorParent .keypadWrapper .keyBtn_2{flex:140}.mathEditorParent .keypadWrapper .keyBtn_3{flex:90}@media(max-width: 1024px){.mathEditorParent{--keypad-width: 440px;--keypad-gap: 5px;--keypad-padding-v: 10px;--keypad-padding-h: 8px;--keypad-btn-height: 38px;--keypad-btn-font: 22px}}@media(max-width: 768px){.mathEditorParent{--keypad-width: 380px;--keypad-gap: 4px;--keypad-padding-v: 8px;--keypad-padding-h: 6px;--keypad-btn-height: 34px;--keypad-btn-font: 20px}}@media(max-width: 480px){.mathEditorParent{--keypad-width: calc(100vw - 20px);--keypad-gap: 3px;--keypad-padding-v: 6px;--keypad-padding-h: 5px;--keypad-btn-height: 30px;--keypad-btn-font: 16px}}
.shadeContainer{touch-action:none;position:absolute;box-sizing:border-box;user-select:none}.shadeContainer .shades{position:relative;border:2px solid #5063ae;width:100%;height:100%;border-radius:9px;box-sizing:border-box;background-color:#979ecf;transition:background-color .4s}.shadeContainer .shades.revealed{background-color:rgba(151,158,207,.2)}.shadeContainer .visibiltyHandler{position:absolute;right:0px;top:0;border:none;display:flex;align-items:center;justify-content:center;padding:0;box-sizing:border-box;width:45px;height:45px;background:rgba(0,0,0,0);transition:background .3s ease;border-radius:50%;cursor:pointer}.shadeContainer .visibiltyHandler img{object-fit:contain;display:block;margin:0 auto}.shadeContainer .visibiltyHandlers_hover{background:#293273}.shadeContainer .resizeDefaultHandle{cursor:default}.shadeContainer .resizeHandle{position:absolute;right:-8px;bottom:-8px;cursor:se-resize;border:none;display:flex;align-items:center;justify-content:center;padding:0;box-sizing:border-box;color:#000;background:rgba(0,0,0,0);width:38.18px;height:38.18px;transition:background .3s ease;border-bottom-right-radius:8px}.shadeContainer .resizeHandle img{width:45px;object-fit:contain;display:block;margin:0 auto}.shadeContainer .resizeHandles_hover{background:rgba(0,0,0,0)}.shadeContainer .rotateHandle{position:absolute;top:-50px;left:50%;transform:translateX(-50%);background:#555;border-radius:50%;cursor:grab;border:none;display:flex;align-items:center;justify-content:center;padding:0;box-sizing:border-box;color:#000;width:24px;height:24px;transition:background .3s ease;z-index:1}.shadeContainer .rotateHandle::before{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%, 0%);width:2px;height:13px;background-color:red;z-index:-1}.shadeContainer .rotateHandle img{width:50%;height:50%;object-fit:contain;display:block;margin:0 auto;z-index:2}.shadeContainer .rotateHandles_hover{background:#e7bf50}
.selectFocusState{position:absolute;right:-15px;top:-15px;background:none;border:none;margin:0;padding:0;cursor:pointer}.selectFocusState .tooltipContainer .textHolder{font-size:20px}
.diceWrapper{position:absolute;display:flex;flex-direction:column;gap:.625rem;font-size:1rem;outline-offset:10px;-webkit-user-drag:none;user-select:none;-webkit-user-select:none;-ms-user-select:none;touch-action:none;will-change:transform;transform:translateZ(0);backface-visibility:hidden}.diceWrapper .dieSelectBtn{top:calc(-5px*var(--scaleDice));right:calc(-3px*var(--scaleDice));scale:calc(var(--scaleDice, 1)*.5);transform-origin:top right}.diceWrapper .diceWithShadow{width:8em;height:7.0625em;cursor:pointer;display:flex;justify-content:center;align-items:center}.diceWrapper .diceWithShadow.atDiceHover{cursor:default}.diceWrapper .diceWithShadow:focus-visible{outline:.1875rem solid #293273;outline-offset:.25rem;border-radius:.375rem}.diceWrapper .diceWithShadow .diceShadowImg{position:absolute;inset:0;width:100%}.diceWrapper .diceWithShadow .diceShadowImg.rollAnimation{filter:blur(10px)}.diceWrapper .diceWithShadow .diceDim{width:85.15%;height:89%;position:relative;left:-3%}.diceWrapper .diceWithShadow .diceDim .blankDice{width:100%;pointer-events:none}.diceWrapper .diceWithShadow .diceDim .diceDot{position:absolute;inset:0;width:100%;pointer-events:none;left:5%}.diceWrapper .diceWithShadow .diceDim .diceActiveState{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;pointer-events:none;left:.125em;width:100%;box-shadow:0 0 1.25em #5063ae;height:99%;background-color:rgba(0,0,0,0);border:.09375em solid #293273;z-index:1;border-radius:.375em}.diceWrapper .diceWithShadow .diceDim .diceData{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden;line-height:1;white-space:nowrap;pointer-events:none;-webkit-user-select:none;user-select:none;font-size:2.5625rem;font-family:"oso-sans";color:#293273;left:calc(2px*var(--scaleDice, 1));width:100%}.diceWrapper .diceWithShadow .diceDim .diceData .displayDice{display:flex;justify-content:center;align-items:center}.diceWrapper .diceWithShadow .diceDim .diceData .displayDice .editorDiv{box-sizing:border-box;padding:0;height:fit-content}.diceWrapper .diceWithShadow .diceDim .diceSprite{background-repeat:no-repeat;background-size:6000% 100%;width:195%;height:auto;aspect-ratio:400/400;position:relative;top:50%;left:50%;transform:translate(-50%, -50%);pointer-events:none}.diceWrapper .diceWithShadow .diceDim .rollAnimation{animation:diceSpriteAnim 2s steps(58) forwards}@keyframes diceSpriteAnim{from{background-position:1.6667% 0%}to{background-position:100% 0}}
.numberAndMoneyPieceWrapper{user-select:none;z-index:1;position:relative;--internal-border-color: #000000;--external-border-color: #293273;--external-border-width: 2px;--internal-line-width: 0.0625rem}.numberAndMoneyPieceWrapper .nmpDragOverlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;background:rgba(0,0,0,0);border:none;padding:0;margin:0;cursor:grab}.numberAndMoneyPieceWrapper .nmpDragOverlay_hover{cursor:grab}.numberAndMoneyPieceWrapper .nmpDragOverlay_disable{cursor:default;pointer-events:none !important}.numberAndMoneyPieceWrapper .nmpDragOverlay_locked{cursor:pointer}.numberAndMoneyPieceWrapper .nmpDragOverlay.movingObject{cursor:grabbing}.numberAndMoneyPieceWrapper .numberPieceCell{width:var(--nmpCellSize, 3.4375rem);height:var(--nmpCellSize, 3.4375rem);box-sizing:border-box}.numberAndMoneyPieceWrapper .onesCell{width:var(--nmpCellSize, 3.4375rem);height:var(--nmpCellSize, 3.4375rem);border:none;outline:var(--external-border-width) solid var(--external-border-color);outline-offset:-1px}.numberAndMoneyPieceWrapper .numberPieceTens{display:flex;flex-direction:column;border:none;outline:var(--external-border-width) solid var(--external-border-color);outline-offset:-1px}.numberAndMoneyPieceWrapper .numberPieceTens .numberPieceCell{width:var(--nmpCellSize, 3.4375rem);height:var(--nmpCellSize, 3.4375rem);border:none;border-bottom:var(--internal-line-width) solid var(--internal-border-color)}.numberAndMoneyPieceWrapper .numberPieceTens .numberPieceCell:last-child{border-bottom:none}.numberAndMoneyPieceWrapper .numberPieceHundreds{display:grid;grid-template-columns:repeat(10, var(--nmpCellSize, 3.4375rem));grid-template-rows:repeat(10, var(--nmpCellSize, 3.4375rem));border:none;outline:var(--external-border-width) solid var(--external-border-color);outline-offset:-1px}.numberAndMoneyPieceWrapper .numberPieceHundreds .numberPieceCell{border:none;border-right:var(--internal-line-width) solid var(--internal-border-color);border-bottom:var(--internal-line-width) solid var(--internal-border-color)}.numberAndMoneyPieceWrapper .numberPieceHundreds .numberPieceCell:nth-child(10n){border-right:none}.numberAndMoneyPieceWrapper .numberPieceHundreds .numberPieceCell:nth-child(n+91){border-bottom:none}.numberAndMoneyPieceWrapper .coinPiece{display:flex;align-items:center;justify-content:center;background:none;border:none;-webkit-perspective:800px;perspective:800px;visibility:visible}.numberAndMoneyPieceWrapper .coinPiece .coinImage{width:100%;height:auto;object-fit:contain;user-select:none;pointer-events:none;box-sizing:initial}.numberAndMoneyPieceWrapper .coinPiece--dollarBill{width:29.4375rem;height:100%}.numberAndMoneyPieceWrapper .coinPiece--halfDollar{width:7.625rem;height:7.625rem}.numberAndMoneyPieceWrapper .coinPiece--quarter{width:6.0625rem;height:6.0625rem}.numberAndMoneyPieceWrapper .coinPiece--dime{width:4.5rem;height:4.5rem}.numberAndMoneyPieceWrapper .coinPiece--nickel{width:4.375rem;height:4.375rem}.numberAndMoneyPieceWrapper .coinPiece--penny{width:4.75rem;height:4.75rem}.numberAndMoneyPieceWrapper .coinPiece .nmpFlipInner{width:100%;height:100%}.numberAndMoneyPieceWrapper .moneyPieceWrapper{position:relative;-webkit-perspective:800px;perspective:800px}.numberAndMoneyPieceWrapper .moneyPieceGrid{display:grid;outline:var(--external-border-width) solid var(--external-border-color);outline-offset:-1px}.numberAndMoneyPieceWrapper .moneyPieceGridCell{width:var(--nmpCellSize, 3.4375rem);height:var(--nmpCellSize, 3.4375rem);background:#fff;box-sizing:border-box;border-right:var(--internal-line-width) solid var(--internal-border-color);border-bottom:var(--internal-line-width) solid var(--internal-border-color)}.numberAndMoneyPieceWrapper .moneyPieceGrid--dollar{width:calc(10*var(--nmpCellSize, 3.4375rem));height:calc(10*var(--nmpCellSize, 3.4375rem))}.numberAndMoneyPieceWrapper .moneyPieceGrid--dollar .moneyPieceGridCell:nth-child(10n){border-right:none}.numberAndMoneyPieceWrapper .moneyPieceGrid--dollar .moneyPieceGridCell:nth-child(n+91){border-bottom:none}.numberAndMoneyPieceWrapper .moneyPieceGrid--halfDollar{width:calc(5*var(--nmpCellSize, 3.4375rem));height:calc(10*var(--nmpCellSize, 3.4375rem))}.numberAndMoneyPieceWrapper .moneyPieceGrid--halfDollar .moneyPieceGridCell:nth-child(5n){border-right:none}.numberAndMoneyPieceWrapper .moneyPieceGrid--halfDollar .moneyPieceGridCell:nth-child(n+46){border-bottom:none}.numberAndMoneyPieceWrapper .moneyPieceGrid--quarter{width:calc(5*var(--nmpCellSize, 3.4375rem));height:calc(5*var(--nmpCellSize, 3.4375rem))}.numberAndMoneyPieceWrapper .moneyPieceGrid--quarter .moneyPieceGridCell:nth-child(5n){border-right:none}.numberAndMoneyPieceWrapper .moneyPieceGrid--quarter .moneyPieceGridCell:nth-child(n+21){border-bottom:none}.numberAndMoneyPieceWrapper .moneyPieceGrid--dime{width:calc(1*var(--nmpCellSize, 3.4375rem));height:calc(10*var(--nmpCellSize, 3.4375rem))}.numberAndMoneyPieceWrapper .moneyPieceGrid--dime .moneyPieceGridCell{border-right:none}.numberAndMoneyPieceWrapper .moneyPieceGrid--dime .moneyPieceGridCell:last-child{border-bottom:none}.numberAndMoneyPieceWrapper .moneyPieceGrid--nickel{width:calc(1*var(--nmpCellSize, 3.4375rem));height:calc(5*var(--nmpCellSize, 3.4375rem))}.numberAndMoneyPieceWrapper .moneyPieceGrid--nickel .moneyPieceGridCell{border-right:none}.numberAndMoneyPieceWrapper .moneyPieceGrid--nickel .moneyPieceGridCell:last-child{border-bottom:none}.numberAndMoneyPieceWrapper .moneyPieceGrid--penny{width:calc(1*var(--nmpCellSize, 3.4375rem));height:calc(1*var(--nmpCellSize, 3.4375rem))}.numberAndMoneyPieceWrapper .moneyPieceGrid--penny .moneyPieceGridCell{border-right:none;border-bottom:none}.numberAndMoneyPieceWrapper .moneyPieceOverlay{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:1;-webkit-backface-visibility:hidden;backface-visibility:hidden}.numberAndMoneyPieceWrapper .moneyPieceOverlay .moneyOverlayImage{width:100%;height:auto;object-fit:contain;user-select:none;pointer-events:none}.numberAndMoneyPieceWrapper .moneyPieceOverlay--dollar{width:75%}.numberAndMoneyPieceWrapper .moneyPieceOverlay--halfDollar{width:31%}.numberAndMoneyPieceWrapper .moneyPieceOverlay--quarter{width:24%}.numberAndMoneyPieceWrapper .moneyPieceOverlay--dime{width:89%}.numberAndMoneyPieceWrapper .moneyPieceOverlay--nickel{width:89%}.numberAndMoneyPieceWrapper .moneyPieceOverlay--penny{width:96%}.numberAndMoneyPieceWrapper .nmpFlipInner{position:relative;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;transform-origin:center center}.numberAndMoneyPieceWrapper .nmpFlipInner.nmpFlipAnimated{transition:transform .6s ease;will-change:transform}.numberAndMoneyPieceWrapper .nmpFlipInner.nmpFlipped{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.numberAndMoneyPieceWrapper .nmpFlipFront{position:relative;will-change:transform;-webkit-backface-visibility:hidden;backface-visibility:hidden}.numberAndMoneyPieceWrapper .nmpFlipBack{position:absolute;inset:0;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.numberAndMoneyPieceWrapper.nmpBreakOut{animation:nmpFadeOut .3s ease-in forwards;pointer-events:none}.numberAndMoneyPieceWrapper.nmpBreakIn{transition:opacity .3s ease-out}@keyframes nmpFadeOut{from{opacity:1}to{opacity:0}}
.manipulativeGroupWrapper{position:absolute;isolation:isolate;display:flex;box-sizing:border-box;flex-direction:column;gap:20px;touch-action:none;border-radius:calc(20px*var(--scaleGroup, 1));box-shadow:none}.manipulativeGroupWrapper.manipulativeGroupActive{box-shadow:0px 0px 20px #5063ae}.manipulativeGroupWrapper .groupSelectFocusState{top:calc(-15px*var(--scaleGroup, 1));right:calc(-15px*var(--scaleGroup, 1));scale:var(--scaleGroup, 1);transform-origin:top right}.manipulativeGroupWrapper .manipulativeGroup{display:flex;gap:20px;background:#dbdff0;border-radius:calc(20px*var(--scaleGroup, 1));padding:20px;touch-action:none;position:relative;overflow:visible;width:100%;height:100%;outline:none}.manipulativeGroupWrapper .manipulativeGroup:focus-visible{outline:.1875rem solid #5063ae;outline-offset:.125rem}.manipulativeGroupWrapper .manipulativeGroup--patternOnly{background:rgba(0,0,0,0);border-radius:0;padding:0;gap:20px}
.digital_clock_parent{height:100px;width:294px;background:#dbdff0;border:2px solid #293273;border-radius:14.4px;padding:3px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}.digital_clock_parent .digital_clock_displayer{flex-direction:row;height:100%;width:100%;background:#000;color:#fff;font-family:"DIGIFACE";font-style:normal;font-weight:400;font-size:57px;justify-content:center;gap:1.0625rem;border-radius:12.4px;border:1px solid #293273}.digital_clock_parent .digital_clock_displayer .digital_time{display:flex;gap:.4375rem;align-items:flex-end}.digital_clock_parent .digital_clock_displayer .digital_time .digital_hour span,.digital_clock_parent .digital_clock_displayer .digital_time .digital_minute span{display:inline-block;width:36px;text-align:center}.digital_clock_parent .digital_clock_displayer .digital_period{font-size:34px;position:relative;top:-5px}.digital_clock_parent .setTime{background:rgba(0,0,0,0);height:100px;width:294px;cursor:pointer;position:absolute;inset:0;border:none}.timepicker-wrapper{font-family:oso-sans;width:294px;height:214px;background:#dbdff0;border:2px solid #293273;border-radius:5px;padding:3px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}.timepicker-wrapper .time-box{display:flex;background:#000;padding:10px 12px;border-radius:5px;gap:10px;flex-direction:column;width:100%;height:100%;align-items:center;align-content:center;justify-content:center}.timepicker-wrapper .arrow{background:rgba(0,0,0,0);border:none;color:#7a8ac9;font-size:12px;cursor:pointer;margin:0;padding:0}.timepicker-wrapper .arrowNormal_disable,.timepicker-wrapper .arrowNormal_activeDisable{pointer-events:none;opacity:.7;cursor:default}.timepicker-wrapper .col-holder{display:flex;justify-content:space-evenly;width:100%}.timepicker-wrapper .col{display:flex;flex-direction:column;align-items:center;gap:9px;justify-content:center;padding-right:5px;width:33.33%}.timepicker-wrapper .horizontalLine{width:100%;margin:0;color:gray;border-color:gray}.timepicker-wrapper .arrowDiv{width:calc(100% + 11px);height:26.5px;display:flex;justify-content:center}.timepicker-wrapper .btnRightBorder{border-right:2px solid gray}.timepicker-wrapper .btnLeftBorder{border-left:2px solid gray}.timepicker-wrapper .formatSetter{width:100%;height:26.5px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;justify-content:center;justify-items:center}.timepicker-wrapper .formatSetterArrowWidth{width:40px;height:26.5px;display:flex;justify-content:center}.timepicker-wrapper .timeFormat{font-family:oso-sans;font-size:25px;width:100%;color:#fff;text-align:center}.timepicker-wrapper .value{background:#fff;color:#000;font-size:30px;width:65%;text-align:center;height:50px;padding:0;box-shadow:none;border-radius:0;border-color:#293273}.timepicker-wrapper .ampm{background-color:#dbdff0;border-color:rgba(0,0,0,0)}.timepicker-wrapper .disableAmPm{opacity:.7}.mode-row{display:flex;align-items:center;gap:10px;padding-top:10px;color:#fff;font-size:13px;justify-content:center;border-top:1px solid gray}.mode-row p{margin:0;padding:0 1.3vw;border-left:1px solid gray;border-right:1px solid gray}.ok-btn{margin-top:10px;background:#2f3b84;color:#fff;border:none;padding:8px 20px;border-radius:6px;cursor:pointer;font-weight:bold}.ok-btn:hover{background:#1f2a6e}.analog_clockHolder{height:302px;width:307px;transform-origin:center center;position:absolute}.analog_clockHolder .elapsedClickBtn{visibility:visible;position:absolute;left:50%;top:-50px;transform:translate(-50%, 0);background:none;border:none}.analog_clockHolder .clockFunctionality{position:absolute;left:0;top:50%;transform:translate(calc(-100% - 10px), -50%);display:flex;flex-direction:column;gap:10px;justify-content:center;align-items:center}.analog_clockHolder img{height:100%;pointer-events:none;user-select:none}.analog_clockHolder .elapsedArcOverlay{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1}.analog_clockHolder .handsHolder{height:40%;width:10px;position:absolute;bottom:calc(50% - 1px);left:calc(50% - 4.4px);right:50%;pointer-events:none !important}.analog_clockHolder .bigClock{height:35%}.analog_clockHolder .staticHolder{height:40%;width:10px;position:absolute;bottom:50%;left:calc(50% - 5px);right:50%;pointer-events:none}.analog_clockHolder .staticHolder img{position:absolute;inset:0;width:100%;height:100%}.analog_clockHolder .rotationTooltip{position:absolute;z-index:3;padding:.25rem .5rem;font-family:oso-sans;font-size:1.25rem;border-radius:.5rem;pointer-events:none;white-space:nowrap;box-shadow:0 .125rem .25rem rgba(0,0,0,.2);transform:translate(-50%, -50%)}.analog_clockHolder .rotationTooltipPositive{background:#2ea44f;color:#fff}.analog_clockHolder .rotationTooltipNegative{background:#d93f3f;color:#fff}.analog_clockHolder .rotationTooltipCenter{position:absolute;z-index:3;width:6px;height:6px;border-radius:50%;background:#f0f;transform:translate(-50%, -50%);pointer-events:none}.analog_clockHolder .clockCenter{position:absolute;top:50%;left:50%;background:#293273;width:27px;height:27px;border-radius:50%;transform:translate(-50%, -50%);z-index:2}.analog_clockHolder .handLabel{font-family:oso-sans;font-weight:700;font-size:16px;color:#fff;user-select:none;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;position:absolute;left:50%;transform:translateX(-51%) rotate(270deg);white-space:nowrap;text-align:center}.analog_clockHolder .handLabelMinuteOnWhiteBoard{font-size:22px;bottom:42%;transform:translateX(-52%) rotate(270deg)}.analog_clockHolder .handLabelHourOnWhiteBoard{font-size:22px;bottom:35%;transform:translateX(-52%) rotate(270deg)}.analog_clockHolder .bigClock .handLabelMinuteOnWhiteBoard{bottom:43%;transform:translateX(-52%) rotate(270deg)}.analog_clockHolder .bigClock .handLabelHourOnWhiteBoard{bottom:40%;transform:translateX(-52%) rotate(270deg)}.analog_clockHolder .handLabelHour{bottom:35%}.analog_clockHolder .handLabelMinute{bottom:40%}.analog_clockHolder .clockGear{position:absolute;top:50%;left:50%;width:60px;height:60px;transform:translate(-50%, -50%)}.analog_clockHolder .whiteBoardGear{width:80px;height:80px}.analog_clockHolder .hour_hand{height:80%;width:100%;position:absolute;bottom:0;transform-origin:50% 100%;cursor:inherit}.analog_clockHolder .minute_hand{height:100%;width:100%;position:relative;transform-origin:50% 100%}.analog_clockHolder .second_hand{height:100%;width:100%;transform-origin:50% 100%;z-index:2;cursor:inherit;top:0;left:0;position:absolute}.analog_clockHolder .dummy_btn{position:absolute;top:0;left:0;border:none;opacity:0;height:100%;width:100%;z-index:0;cursor:pointer}.analog_clockHolder .dummy_btnGrp_disable{cursor:inherit}.analog_clockHolder .dummy_btnGrp_activeDisable{cursor:inherit}.analog_clockHolder .fraction-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none !important;opacity:.8}.analog_clockHolder .fraction-overlay .container-svg,.analog_clockHolder .fraction-overlay .partitioned-circle-svg,.analog_clockHolder .fraction-overlay .chart-slice{pointer-events:none !important}.analog_clockHolder .fraction-overlay.shading-active .chart-slice{pointer-events:auto !important}.analog_clockHolder .fractionOverlay-rotateHandle{position:absolute;left:50%;top:-3.75rem;translate:-50% 0;display:flex;flex-direction:column-reverse;align-items:center;touch-action:none;-webkit-user-select:none;user-select:none;cursor:grab;z-index:2;pointer-events:auto !important}.analog_clockHolder .fractionOverlay-rotateHandle .fractionOverlay-rotateLine{width:.125rem;height:1.25rem;background:#293273}.analog_clockHolder .fractionOverlay-rotateHandle .fractionOverlay-rotateIcon{width:2.5rem;height:2.5rem;pointer-events:none}.analog_clockHolder .container-svg{display:flex;flex-direction:column;align-items:center;gap:30px;padding:20px;font-family:sans-serif;position:absolute;height:100%;width:100%}.analog_clockHolder .container-svg .partitioned-circle-svg{border-radius:50%;display:block;height:100%;width:100%}.analog_clockHolder .container-svg .chart-slice{transition:fill .3s ease,transform .2s ease;cursor:pointer}.analog_clockHolder .container-svg .chart-slice:hover{opacity:.9}.analog_clockHolder .container-svg .controls{display:flex;gap:20px;align-items:center;background:#f4f4f4;padding:10px;border-radius:8px}.analog_clockHolder .container-svg .controls label{font-weight:bold;display:flex;align-items:center;gap:5px}.analog_clockHolder .container-svg .controls input[type=number]{width:50px;padding:5px;border:1px solid #ccc;border-radius:4px}.analog_clockHolder .container-svg .controls button{padding:8px 15px;background-color:#28a745;color:#fff;border:none;border-radius:4px;cursor:pointer}.analog_clockHolder .container-svg .controls button:hover{background-color:#1e7e34}.fraction-overlay-popup{display:flex;align-items:center;justify-content:center;padding:4px 8px;background:#fff;border-radius:999px;box-shadow:0 2px 6px rgba(0,0,0,.15);margin-bottom:8px}.fraction-overlay-buttons{display:flex;gap:4px}.fraction-overlay-button{min-width:28px;padding:2px 6px;border-radius:6px;border:1px solid #c7d2f3;background:#f4f6ff;color:#293273;font-size:11px;font-family:oso-sans,sans-serif;cursor:pointer}.fraction-overlay-button.active{background:#293273;color:#fff;border-color:#293273}.timer-wrapper{flex-direction:column;font-family:Arial,sans-serif;height:160px;width:200px}.timer-wrapper .display-box{border:4px solid #0c1d4a;border-radius:20px;width:100%;text-align:center;height:100%;position:relative;background:#c5e8ee;box-sizing:border-box;padding:5px}.timer-wrapper .display-box .display-box-child{height:100%;width:100%;border-radius:15px;display:flex;flex-direction:column;justify-content:start;background:#102761}.timer-wrapper .display-box .timer-display{color:#fff;font-weight:bold;font-size:1.5rem;border-radius:.8rem;display:flex;justify-content:center;align-items:center;gap:0px;height:56%;width:80%;font-family:"DIGIFACE";font-style:normal;font-weight:700;margin-top:2%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}.timer-wrapper .display-box .timer-display .timer-display-child{background:#000;border-radius:.6em;width:100%;height:70%;border:2px solid #30509d;border:5px solid #30509d;padding:3% 5%}.timer-wrapper .display-box .timer-display .big{font-size:57px !important;line-height:1;display:inline-flex;height:100%;align-items:center}.timer-wrapper .display-box .timer-display .big span{display:inline-block;width:36px;text-align:right}.timer-wrapper .display-box .timer-display .sub{margin-left:5px !important;line-height:1;display:inline-flex;transform:translateY(-22px);font-size:16px !important}.timer-wrapper .display-box .timer-display .colon{font-size:57px !important;line-height:1;display:inline-flex;padding:0 2px}.timer-wrapper .display-box .controls{margin-top:2%;display:flex;gap:5%;justify-content:center;align-items:center;height:25%;width:80%;z-index:1;height:29%;width:auto;opacity:1}.timer-wrapper .display-box .controls .controls-child{display:flex;height:100%;width:100%;justify-content:center;border-radius:2rem;background:#dbdff0;cursor:default}.timer-wrapper .display-box .controls .controls-child .Btn_disable{cursor:default}.timer-wrapper .display-box .controls .disableGrpControls_disable{pointer-events:none;cursor:inherit}.timer-wrapper .display-box .controls .btn{background:rgba(0,0,0,0);color:#fff;border:none;font-size:1rem;cursor:pointer;color:#13138c;height:80%;display:flex;align-items:center;justify-content:center;width:30%;opacity:1}.timer-wrapper .display-box .controls .btn span{display:inline-block;height:100%}.timer-wrapper .display-box .controls .btn.stop{color:#b11a1a}.timer-wrapper .display-box .dummy_btn{position:absolute;border:none;opacity:0;height:100%;width:100%;z-index:0;cursor:pointer}.timer-wrapper .display-box .dummy_btnGrp_disable{cursor:inherit}.timer-wrapper .display-box .dummy_btnGrp_activeDisable{cursor:inherit}.updateDimension{height:100% !important;width:100% !important}.threeSize{font-size:2.5rem !important}._start_disable,._pause_disable,._stop_disable{pointer-events:none !important;opacity:.5 !important}._start_activeDisable,._pause_activeDisable,._stop_activeDisable{pointer-events:none !important;opacity:.5 !important}.disableGrp{opacity:.5;pointer-events:none}.flexItem{display:flex;align-items:center;justify-content:center}.invisibleItem{visibility:hidden;pointer-events:none}.hideRow{display:none !important}.srOnly{position:absolute;width:.0625rem;height:.0625rem;padding:0;margin:-0.0625rem;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}
.runJumpWrapper{width:141px}.runJumpWrapper .runJumpToggle{display:flex;flex-direction:row;gap:2px}.runJumpWrapper .runJumpToggle .toggle{width:70px;height:40px;border-radius:5px;border-bottom-left-radius:0px;border-bottom-right-radius:0px;font-size:20px}.runJumpWrapper .runJumpContent{width:100%;background:#dbdff0;border:1px solid #293273;border-bottom-left-radius:5px;border-bottom-right-radius:5px;height:59px;display:flex;align-items:center;justify-content:center}.runJumpWrapper .runJumpContent .runWrapper{display:flex;justify-content:center;align-items:center;gap:10px}.runJumpWrapper .runJumpContent .jumpWrapper{width:100%;height:100%;display:flex;justify-content:space-evenly;align-items:center}.runJumpWrapper .runJumpContent .jumpWrapper .arrow{width:40px;height:40px;margin:0;padding:0}.runJumpWrapper .runJumpContent .jumpWrapper .value{background:#fff;color:#000;font-size:20px;width:40px;text-align:center;height:40px;border-radius:10px;padding:0;box-shadow:none;border-color:#293273}
.cardWrapperPerspective{position:absolute;perspective:1200px;touch-action:none;background:none;border:none;margin:0;padding:0}.cardWrapperPerspective:focus-visible{outline:.1875rem solid #5063ae;border-radius:.5rem}.cardWrapperPerspective .cardWrapper{position:relative;outline:none;will-change:transform;transform-style:preserve-3d;transform-origin:center center;transition:transform .6s ease;width:100%;height:100%}.cardWrapperPerspective .cardWrapper.isFlipped{transform:rotateY(180deg)}.cardWrapperPerspective .cardFace{position:absolute;inset:0;backface-visibility:hidden;transform-origin:center center;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none}.cardWrapperPerspective .cardFace .frontCardImg{width:100%;height:auto}.cardWrapperPerspective .cardFace .cardText{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;font-family:oso-sans;font-size:clamp(1.5em,4vw,2.5em);font-weight:600;color:#293273;text-align:center;pointer-events:none;padding:.3125rem}.cardWrapperPerspective .cardFace .cardText .cardImage{width:auto;height:100%;max-width:100%;max-height:100%;object-fit:contain;pointer-events:none}.cardWrapperPerspective .cardFace .cardText.portrait{rotate:0deg}.cardWrapperPerspective .cardFace .cardText.portrait .cardImage{transform:rotate(0deg) scale(1)}.cardWrapperPerspective .cardFace .cardText.landscape .cardImage{transform:rotate(90deg) scale(1.4)}.cardWrapperPerspective .cardFace .cardText.landscape .cardImage.cardImage--svg{transform:rotate(90deg)}.cardWrapperPerspective .cardFace .cardText .displayCard .editorDiv{box-sizing:border-box;place-content:center;align-content:center;align-items:center;white-space:nowrap}.cardWrapperPerspective .backface{transform:rotateY(180deg)}
.cardPoolWrapper{position:absolute;display:flex;gap:30px;touch-action:none;background:none;border:none;margin:0;padding:0}.cardPoolWrapper:focus-visible{outline:.1875rem solid #5063ae;border-radius:.5rem}.deckSelectBtn{top:-17px;right:-17px}.cardPoolDropArea{position:absolute;width:388px;height:309px;background:#000;border-radius:10px}
.numberChartTable{width:fit-content;height:fit-content;border-collapse:collapse;touch-action:none;border-radius:5px}.numberChartTable .gridParent{display:grid;border-radius:0px;background:#fff !important;padding:0;margin:0;width:fit-content;height:fit-content}.numberChartTable .cell{text-align:center;vertical-align:middle;font-size:var(--cell-font-size);font-family:"oso-sans";height:var(--maxDataWidth, 55px);width:var(--maxDataWidth, 55px);display:flex;justify-content:center;align-content:center;align-items:center;padding:2px;box-sizing:border-box !important;color:#293273;margin:0;background:rgba(0,0,0,0);position:relative}.numberChartTable .cell .imgHolder{position:absolute;pointer-events:none}.numberChartTable .cell .imgHolder.opaque{z-index:2}.numberChartTable .text,.numberChartTable .text *{pointer-events:none !important;user-select:none !important;-moz-user-select:none !important;-webkit-user-select:none !important;position:relative;z-index:1;font-size:var(--cell-font-size);font-family:oso-sans}.numberChartTable .text .cellMathEditor .editorDiv{padding:0px}.numberChartTable .text .cellMathEditor .text .mathJaxContainer{display:flex;align-items:center}.numberChartTable .demoOperations{display:flex;flex-wrap:wrap;width:800px;gap:10px;font-size:1.5rem}.numberChartTable .demoOperations button{font-size:1.5rem}@media(max-aspect-ratio: 4/3){.numberChartsWrapper .activityContainer.customContainer{flex-direction:column}}
.numberFramesWidget{user-select:none;position:relative;background:#fff}.numberFramesWidget.locked{opacity:.9}.numberFramesWidget .grid{width:100%;height:100%;border:1px solid #5063ae;background:#fff;position:relative;box-sizing:border-box}.numberFramesWidget.selected .grid{border-color:#293273;box-shadow:0 0 20px #5063ae}.numberFramesWidget .cell{border:1px solid #cdd3f3;box-sizing:border-box;background:rgba(0,0,0,0)}.numberFramesWidget .grid-5x5-overlay{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:1}.numberFramesWidget .grid-5x5-overlay .grid-line{position:absolute;background-color:rgba(0,0,0,.4);pointer-events:none}.numberFramesWidget .grid-5x5-overlay .grid-line.vertical{width:2px;height:100%}.numberFramesWidget .grid-5x5-overlay .grid-line.horizontal{width:100%;height:2px}
.counter{user-select:none;box-sizing:border-box}.counter.draggable{cursor:move}.counter.draggable:hover{filter:brightness(1.1)}.counter.locked{cursor:default}.counter .counter-lock-icon{position:absolute;top:-6px;right:-6px;width:38%;max-width:18px;aspect-ratio:1;background:rgba(40,40,40,.75);border-radius:50%;display:flex;align-items:center;justify-content:center;pointer-events:none;color:#fff;padding:2px;box-sizing:border-box}.counter.in-frame{cursor:move}.counter.selected{filter:drop-shadow(0 0 3px rgba(80, 99, 174, 0.8))}.counter .counter-shape{width:100%;height:100%;display:flex;align-items:center;justify-content:center;border:2px solid rgba(0,0,0,.1);box-sizing:border-box}.counter .counter-shape.circle{border-radius:50%}.counter .counter-shape.square{border-radius:4px}.counter .counter-shape.star{border:none}.counter .counter-shape.star svg{width:100%;height:100%}.counter .counter-shape.placeholder{display:flex;align-items:center;justify-content:center;border-radius:50%;font-weight:bold}.counter-context-menu{position:fixed;z-index:10000;background:#fff;border-radius:8px;box-shadow:0 4px 16px rgba(0,0,0,.18);padding:4px;min-width:90px}.counter-context-menu .counter-context-item{display:block;width:100%;padding:7px 12px;background:none;border:none;border-radius:5px;font-family:oso-sans,sans-serif;font-size:13px;color:#293273;cursor:pointer;text-align:left;white-space:nowrap}.counter-context-menu .counter-context-item:hover{background:#eef0fa}
.arrayModelWrapper{position:absolute;display:inline-block}.arrayModelWrapper .arrayModel{border:none}.arrayModelWrapper .arrayModel .cell{border:none;border-right:1px solid #0e9ab2;border-bottom:1px solid #0e9ab2;display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:600;color:#0e3a4d;user-select:none}.arrayModelWrapper .cutArrow{position:absolute;width:44px;height:44px;border-radius:50%;background:#293273;color:#fff;font-size:23px;font-weight:bold;display:flex;align-items:center;justify-content:center;cursor:pointer;user-select:none}.arrayModelWrapper .cutArrow svg{width:35px;height:35px;margin-left:-5px}.arrayModelWrapper .cutArrow:hover{background:#fbda70;color:#293272;border:3px solid #293272}.arrayModelWrapper .cutArrowTooltip{position:absolute;padding:10px 14px;background:#fffbeb;border-radius:24px;color:#293273;font-size:16px;font-weight:normal;font-family:oso-sans,sans-serif;white-space:nowrap;pointer-events:none;z-index:10}.arrayModelWrapper .cutArrowRight{top:-20px;right:-49px;cursor:ns-resize}.arrayModelWrapper .cutArrowRight .cutArrowTooltip{left:calc(100% + 5px);top:50%;transform:translateY(-50%)}.arrayModelWrapper .cutArrowBottom{left:-20px;bottom:-47px;cursor:ew-resize}.arrayModelWrapper .cutArrowBottom .cutArrowTooltip{bottom:calc(100% - 91px);left:50%;transform:translateX(-50%)}.arrayModelWrapper .cutArrowBottom svg{margin-left:2px;margin-top:-5px}.arrayModelWrapper .arrayRightToolbar{position:absolute;top:0;right:-148px;display:flex;flex-direction:column;gap:8px}.arrayModelWrapper .expressionHolder span{font-weight:normal}@supports(-moz-appearance: none){.arrayModelWrapper .gridBorderOverlay{border-width:2px !important}.arrayModelWrapper .arrayModel{border-width:2px !important}}
.protractorWrapper{touch-action:none;pointer-events:none}.protractorWrapper .protractorContainer{position:relative;pointer-events:auto;transform-origin:center center;user-select:none;z-index:1}.protractorWrapper .protractorContainer .angleSector{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);border-radius:50%;pointer-events:none;z-index:2}.protractorWrapper .protractorContainer .angleSector.inner{z-index:40;clip-path:circle(50% at 50% 50%)}.protractorWrapper .protractorContainer .angleLine{position:absolute;top:50%;left:50%;width:7.5%;height:2px;margin-top:-1px;transform-origin:0% 50%;background:repeating-linear-gradient(90deg, #c42938 0px, #c42938 4px, transparent 4px, transparent 8px);pointer-events:none;z-index:101}.protractorWrapper .protractorContainer.atProctractorHover{filter:drop-shadow(0 0 5px rgba(0, 0, 0, 0.3))}.protractorWrapper .protractorContainer .protractorImage{width:100%;height:100%;display:block;pointer-events:none;position:relative;z-index:3}.protractorWrapper .protractorContainer .rotationHandle{position:absolute;width:30px;height:30px;background-color:#293273;border:2px solid #fff;border-radius:50%;top:50%;left:50%;transform:translate(-50%, -50%);cursor:grab;z-index:10;box-shadow:0 2px 4px rgba(0,0,0,.3)}.protractorWrapper .protractorContainer .rotationHandle:active{cursor:grabbing;background-color:#f90}.protractorWrapper .protractorContainer .controlArm{position:absolute;top:50%;left:50%;transform-origin:0% 50%;height:0px;pointer-events:none;display:flex;align-items:center;justify-content:flex-end;z-index:100;margin-left:0px}.protractorWrapper .protractorContainer .controlArm .controlIcon{position:absolute;left:0;top:50%;transform:translateY(-50%) rotate(90deg);background:none !important;border:none !important;padding:0 !important;user-select:none;-webkit-user-drag:none}
.fraction-tile-manipulative-wrapper{position:absolute;display:flex;flex-direction:column;gap:.625rem;font-size:1rem;-webkit-tap-highlight-color:rgba(0,0,0,0)}.fraction-tile-manipulative{width:auto;height:auto;padding:0;overflow:visible;-webkit-tap-highlight-color:rgba(0,0,0,0);user-select:none;-webkit-user-select:none}.fraction-tile-manipulative:focus{outline:none}.fraction-tile-manipulative--disabled{cursor:default}.fraction-tile-manipulative--position-lock{cursor:pointer}.fraction-tile-manipulative--dragging{cursor:grabbing}.fraction-tile-manipulative--pointer{cursor:pointer}.fraction-tile-manipulative--focused.fraction-tile-manipulative--rect{box-shadow:0px 0px 20px #5063ae}.fraction-tile-manipulative--focused.fraction-tile-manipulative--circle{filter:drop-shadow(0px 0px 20px #5063ae);will-change:transform,filter;transform:translateZ(0);-webkit-transform:translateZ(0)}.fraction-tile-manipulative--focused.fraction-tile-manipulative--circle .fraction-tile-shape{filter:none}.fraction-tile-manipulative--rect{pointer-events:auto}.fraction-tile-manipulative--circle{pointer-events:none;outline:none}.fraction-tile-manipulative .fraction-tile-manipulative-rect-inner{display:flex;justify-content:center;align-items:center;background:var(--tile-color, white);text-align:center;font-family:oso-sans;box-sizing:border-box;border:.1875rem solid var(--color-primary3, #293273);opacity:1}.fraction-tile-manipulative .fraction-tile-manipulative-rect-inner--focused{outline:.3rem solid var(--color-primaryhover, #ffda70)}.fraction-tile-manipulative .fraction-tile-manipulative-rect-inner--no-right-border{border-right:none}.fraction-tile-manipulative .fraction-tile-manipulative-label-container{display:flex;justify-content:center;align-items:center;height:100%;pointer-events:none}.fraction-tile-manipulative .fraction-tile-manipulative-label{font-family:"oso-sans";font-weight:bold;display:block;width:100%;max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:center;padding:0 4px;color:var(--label-color, var(--color-primary3, #293273));font-size:var(--label-font-size, 1.5625rem);outline:none}.fraction-tile-manipulative .fraction-tile-manipulative-label .MJX-TEX{font-family:inherit;font-weight:inherit}.fraction-tile-manipulative .fraction-tile-manipulative-label mjx-c::before{padding:0px .5em 0px 0px !important}.fraction-tile-manipulative .fraction-tile-manipulative-label[data-placeholder].is-empty::before{content:attr(data-placeholder);color:#757575;opacity:.6;pointer-events:none;position:absolute;width:100%;left:50%;top:50%;transform:translate(-50%, -50%);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:inherit !important;line-height:normal !important}.fraction-tile-manipulative .fraction-tile-manipulative-circle-container{position:relative;display:flex;align-items:center;justify-content:center;pointer-events:none}.fraction-tile-manipulative .fraction-tile-manipulative-svg{overflow:visible;pointer-events:none;width:100%;height:100%}.fraction-tile-manipulative .fraction-tile-manipulative-svg .fraction-tile-shape{pointer-events:auto;fill:var(--tile-color, #fff);stroke:var(--color-primary3, #293273);stroke-width:3;stroke-linejoin:round;stroke-linecap:round}.fraction-tile-manipulative .fraction-tile-manipulative-shapes-outer{position:absolute;inset:0;pointer-events:auto;clip-path:var(--tile-clip-path, none)}.fraction-tile-manipulative .fraction-tile-manipulative-circle-label-overlay{position:absolute;left:var(--label-x, 50%);top:var(--label-y, 50%);width:var(--label-width, auto);transform:translate(-50%, -50%) rotate(var(--label-rotation, 0deg));pointer-events:auto;display:flex;align-items:center;justify-content:center}.fraction-tile-manipulative--ghost{opacity:.4;pointer-events:none;z-index:9998;position:absolute}.fraction-tile-manipulative--ghost .fraction-tile-manipulative-rect-inner{position:absolute;border-style:dashed;border-width:2px}.fraction-tile-manipulative--ghost .fraction-tile-manipulative-circle-container{position:absolute}.fraction-tile-manipulative--ghost .fraction-tile-shape{stroke-dasharray:5,5;stroke-width:5}.fraction-tile-manipulative .fraction-tile-manipulative-label-input-wrapper{display:flex;justify-content:center;align-items:center;width:fit-content;min-width:min(118px,100% - 8px);max-width:calc(100% - 8px);min-height:100%;overflow:hidden;pointer-events:auto;position:relative}.fraction-tile-manipulative .fraction-tile-manipulative-label-placeholder{font-family:oso-sans;color:#757575;opacity:.6;pointer-events:none;position:absolute;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;left:50%;top:50%;transform:translate(-50%, -50%);font-size:inherit !important;line-height:normal !important;z-index:1}.fraction-tile-manipulative .fraction-tile-manipulative-label-input{font-family:oso-sans;font-size:inherit;color:inherit;text-align:center;background:rgba(0,0,0,0);background-color:rgba(0,0,0,0);border:1px solid rgba(0,0,0,0);border-radius:.3125rem;width:fit-content;min-width:min(118px,100%);max-width:100%;height:auto;padding:0;box-shadow:none;pointer-events:auto;white-space:nowrap;overflow:hidden;position:relative}.fraction-tile-manipulative .fraction-tile-manipulative-label-input:focus-within{height:45px !important;border:1px solid #5063ae;background-color:#fff}.fraction-tile-manipulative .fraction-tile-manipulative-label-input:focus-within .editorDiv{display:block !important;line-height:43px;text-align:center !important}.fraction-tile-manipulative .fraction-tile-manipulative-label-input .editorDiv{padding:0 !important;box-sizing:border-box !important;height:100% !important;display:flex;align-items:center;justify-content:center;width:max-content;min-width:min(118px,100%);max-width:100%;overflow:hidden}.fraction-tile-manipulative .fraction-tile-manipulative-label-input .editorDiv[data-placeholder].is-empty::before,.fraction-tile-manipulative .fraction-tile-manipulative-label-input .editorDiv[data-placeholder]:where(.is-empty *)::before{content:attr(data-placeholder);color:#757575;opacity:.6;pointer-events:none;position:absolute;width:100%;left:50%;top:50%;transform:translate(-50%, -50%);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:inherit !important;line-height:normal !important}.fraction-tile-manipulative .fraction-tile-manipulative-label-input:focus-within{outline:none}.fraction-tile-manipulative .fraction-tile-manipulative-label-input .mathEditorParent{width:max-content;min-width:min(118px,100%);max-width:100%;height:100%;overflow:hidden}.fraction-tile-manipulative .fraction-tile-manipulative-label-input math-field{background:rgba(0,0,0,0);border:none;box-shadow:none;padding:0;min-width:10px;max-width:100%;width:max-content}
.linkingCubesChain{position:absolute;user-select:none;-webkit-user-select:none;touch-action:none;will-change:transform;transform-origin:center center;cursor:grab}.linkingCubesChain.dragging{cursor:grabbing;opacity:.85}.linkingCubesChain.locked{cursor:default}.linkingCubesChain--selected img{filter:drop-shadow(0 0 0.9375rem #5063ae)}.linkingCubesInner{display:flex;position:relative}.linkingCubesInner--vertical{flex-direction:column}.linkingCubesInner--horizontal{flex-direction:row}.linkingCube{width:60px;height:60px;position:relative;box-sizing:border-box;border:none;padding:0;margin:0;background:none;display:flex;align-items:center;justify-content:center}.linkingCubesInner--vertical .linkingCube:first-child::after{display:none}.linkingCubesInner--horizontal .linkingCube:last-child::after{display:none}.linkingCubesToolbar{gap:.625rem;display:flex;padding:.5rem;max-height:100%;box-sizing:border-box;flex-direction:column;overflow:hidden}.linkingCubesToolbar:has(.customScrollbarTrack.vertical) .cubeColorGrid,.linkingCubesToolbar:has(.customScrollbarTrack.vertical) .lcActionBtns{padding-right:1.25rem}.linkingCubesToolbar .cubeColorGridWrapper{flex:1;min-height:0}.linkingCubesToolbar .cubeColorGrid{display:grid;grid-template-columns:1fr var(--icon-size-60);gap:.5rem;padding:.25rem}.linkingCubesToolbar .cubePreview{width:var(--icon-size-60);height:var(--icon-size-60);cursor:grab;position:relative;box-sizing:border-box;padding:0;margin:0;border:none;background:rgba(0,0,0,0)}.linkingCubesToolbar .cubePreview:active{cursor:grabbing;transform:scale(1)}.linkingCubesToolbar .cubePreviewWrapper{display:flex;flex-direction:column;align-items:center;gap:.25rem}.linkingCubesToolbar .lcActionBtns{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:center}.linkingCubesToolbar .lcBtn{display:flex;align-items:center;justify-content:center;min-height:var(--icon-size-45);min-width:var(--icon-size-45);height:var(--icon-size-45);width:var(--icon-size-45);border-radius:50%;cursor:pointer;font-weight:600;color:var(--color-primary3);background:rgba(0,0,0,0);padding:0;margin:0;border:0;font-family:oso-sans;font-size:var(--font-size-1)}.linkingCubesToolbar .lcBtn img{height:auto;width:100%;display:block;object-fit:contain;margin:0 auto}.linkingCubesToolbar .lcBtn_disable{cursor:default;pointer-events:none;opacity:.5}.linkingCubesToolbar .lcBtn_activeDisable{cursor:default;pointer-events:none;opacity:.5}.linkingCubesToolbar .lcBtn_hover{color:var(--color-text1);background:var(--color-primary3)}.linkingCubesToolbar .lcBtn_active{color:var(--color-text1);background:var(--color-primary3)}.linkingCubesToolbar .lcBtn_activeHover{color:var(--color-primary3);background:var(--color-primaryhover)}.linkingCubesChainOverlay{pointer-events:none !important;z-index:-1;display:flex;align-items:center;justify-content:center}.linkingCubesChainOverlay .subDiv_linkingCubesChainOverlay{width:calc(100% - 70px);height:calc(100% - 70px);box-shadow:0 0 40px 30px #5063ae;pointer-events:none !important}.linkingCubeGhost{position:fixed;pointer-events:none;z-index:9999}.linkingCubeGhost .ghostCube{box-sizing:border-box;padding:0;margin:0}
.numberRackWrapper{position:absolute;transform-origin:center center;user-select:none;-webkit-user-select:none;box-sizing:border-box;will-change:transform;backface-visibility:hidden;--rack-side-stand: 5px}.numberRackWrapper .numberRackFrame{position:relative;width:100%;height:100%;display:flex;flex-direction:row;align-items:stretch;border-top:1px solid #707070;border-bottom:1px solid #707070;background:#3b3b3b}.numberRackWrapper .numberRackDragOverlay{position:absolute;width:100%;height:100%;top:0;left:0;background:rgba(0,0,0,0);border:none;padding:0;margin:0;cursor:grab;z-index:3}.numberRackWrapper .numberRackDragOverlay.movingObject,.numberRackWrapper .numberRackDragOverlay.rowDragging{cursor:grabbing}.numberRackWrapper .numberRackEndCap{width:10px;min-width:10px;background:#5063ae;border-radius:0;z-index:2}.numberRackWrapper .numberRackEndCap::before,.numberRackWrapper .numberRackEndCap::after{content:"";position:absolute;width:10px;height:var(--rack-side-stand);background:#5063ae}.numberRackWrapper .numberRackEndCap::before{top:0;transform:translate(0, -100%)}.numberRackWrapper .numberRackEndCap::after{bottom:0;transform:translate(0, 100%)}.numberRackWrapper .numberRackRodsContainer{flex:1;display:flex;flex-direction:column;justify-content:space-evenly}.numberRackWrapper .numberRackRod{position:relative;height:39.4px}.numberRackWrapper .numberRackRodLine{position:absolute;top:50%;left:0;right:0;height:.1875rem;background:#000;transform:translateY(-50%);z-index:0}.numberRackWrapper .numberRackRodHitArea{position:absolute;top:15%;left:0;right:0;height:70%;z-index:3;cursor:pointer;background:rgba(0,0,0,0);border:none;padding:0;margin:0}.numberRackWrapper .numberRackRodHitArea.singleRow{cursor:inherit;pointer-events:none}.numberRackWrapper .numberRackRodHitArea.dragging{cursor:grabbing !important}.numberRackWrapper .numberRackRod.rowDragging{opacity:.7}.numberRackWrapper .numberRackRodLeftSideLine,.numberRackWrapper .numberRackRodRightSideLine{position:absolute;background:#293273;width:5px;height:100%;z-index:1}.numberRackWrapper .numberRackRodLeftSideLine{left:-1.6px;border-radius:0% 50% 50% 0%}.numberRackWrapper .numberRackRodRightSideLine{right:-1.6px;border-radius:50% 0% 0% 50%}.numberRackWrapper .numberRackBead{position:absolute;width:39.4px;height:39.4px;top:0;z-index:3}.numberRackWrapper .numberRackBead .numberRackBeadBtn{width:100%;height:100%;padding:0;border:none;background:rgba(0,0,0,0);cursor:pointer}.numberRackWrapper .numberRackBead .numberRackBeadBtn img{width:100%;height:100%}.numberRackWrapper .numberRackBead .numberRackBeadBtnNormal_disable,.numberRackWrapper .numberRackBead .numberRackBeadBtnNormal_activeDisable{opacity:1}.numberRackWrapper .numberRackBead .numberRackBeadBtnNormal_disable span,.numberRackWrapper .numberRackBead .numberRackBeadBtnNormal_activeDisable span{opacity:1 !important}
.spinnerManipulativeWrapper{position:absolute;display:flex;flex-direction:column;font-size:1rem;outline-offset:.625rem;-webkit-user-drag:none;user-select:none;-webkit-user-select:none;-ms-user-select:none;touch-action:none;will-change:transform;transform:translateZ(0);backface-visibility:hidden}.spinnerManipulativeWrapper:focus-visible{outline:.1875rem solid #293273;outline-offset:.25rem;border-radius:50%}.spinnerManipulativeWrapper .spinnerSelectBtn{scale:var(--scaleSpinner, 1);transform-origin:top right}.spinnerManipulativeWrapper .spinnerContainer{position:relative;width:100%;height:100%;display:flex;justify-content:center;align-items:center}.spinnerManipulativeWrapper .spinnerContainer .spinnerSvg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.spinnerManipulativeWrapper .spinnerContainer .spinnerSvg title{display:none}.spinnerManipulativeWrapper .spinnerContainer .spinnerBaseImage{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;user-select:none;-webkit-user-drag:none}.spinnerManipulativeWrapper .spinnerContainer .pointerImage{position:absolute;top:50%;left:50%;user-select:none;-webkit-user-drag:none;height:auto;width:35px;transform-origin:top center;z-index:7;pointer-events:none !important}.spinnerManipulativeWrapper .spinnerContainer .pointerImage.spinning{transition:transform 3s cubic-bezier(0.17, 0.67, 0.12, 0.99)}.spinnerManipulativeWrapper .spinnerContainer .spinnerTextLabel{position:absolute;pointer-events:none;z-index:2;display:flex;align-items:center;justify-content:center;font-family:"oso-sans";font-weight:600;color:#293273;text-align:center;white-space:nowrap}.spinnerManipulativeWrapper .spinnerContainer .spinnerTextLabel .spinnerLabelEditor{display:flex;justify-content:center;align-items:center}.spinnerManipulativeWrapper .spinnerContainer .spinnerTextLabel .spinnerLabelEditor .editorDiv{box-sizing:border-box;padding:0;height:fit-content}.spinnerManipulativeWrapper .spinnerContainer .spinWheel{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:20%;height:20%;aspect-ratio:1;border-radius:50%;background:#12345a;cursor:pointer;transition:border .1s linear;padding:0;margin:0;border:2.7px solid #fff;box-sizing:border-box;transition:.1s all;z-index:8}.spinnerManipulativeWrapper .spinnerContainer .spinWheel img{width:50%;object-fit:contain;aspect-ratio:1/1}.spinnerManipulativeWrapper .spinnerContainer .spinWheel_hover{border:2.7px solid #12345a;box-sizing:border-box;background:var(--color-primaryhover)}.spinnerManipulativeWrapper .spinnerContainer .dotDragbtn{position:absolute;z-index:5;cursor:grab;touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;background:rgba(0,0,0,0);border:none;padding:0;margin:0}.spinnerManipulativeWrapper .spinnerContainer .dotDragbtn::before{content:"";display:block;position:absolute;width:var(--line-length, 0px);height:2px;background-color:#293273;right:50%;top:50%;transform-origin:right center;transform:translateY(-50%) rotate(var(--line-angle, 0deg));pointer-events:none}.spinnerManipulativeWrapper .spinnerContainer .dotDragbtn::after{content:"";display:block;width:1rem;height:1rem;border-radius:50%;background:#293273;box-shadow:0 .0625rem .25rem rgba(0,0,0,.3);position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);z-index:1}.spinnerManipulativeWrapper .spinnerContainer .dotDragbtn:active{cursor:grabbing}.spinnerManipulativeWrapper .spinnerContainer .openBottomPanelDefault{position:absolute;inset:0;width:100%;height:100%;background:rgba(0,0,0,0);z-index:1;cursor:pointer;border:none;outline:none;border-radius:50%;margin:0;padding:0}.spinnerManipulativeWrapper .spinnerContainer .focusedObject{box-shadow:0 0 20px 0 #5063ae}.spinnerManipulativeWrapper .spinnerContainer .openBottomPanelDefault_disable{pointer-events:none}
.numberLineWidget{position:absolute;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);cursor:grab;--color-primary: #293273}.numberLineWidget.locked{cursor:not-allowed}.numberLineWidget:active{cursor:grabbing}.numberLineWidget .numberLineTrack{position:relative;overflow:visible}.numberLineWidget .numberLineArrowhead{position:absolute;width:0;height:0;transform:translateY(-50%)}.numberLineWidget .numberLineArrowheadLeft{border-top:.9375rem solid rgba(0,0,0,0);border-bottom:.9375rem solid rgba(0,0,0,0);border-right:1.9375rem solid #1a2956}.numberLineWidget .numberLineArrowheadRight{border-top:.9375rem solid rgba(0,0,0,0);border-bottom:.9375rem solid rgba(0,0,0,0);border-left:1.9375rem solid #1a2956}.numberLineWidget .numberLineLine{position:absolute;height:0px;transform:translateY(-50%);border:2px solid var(--color-primary)}.numberLineWidget .numberLineTick{position:absolute;width:0px;height:22px;border:2px solid var(--color-primary);background:var(--color-primary);border-radius:9999px;transform:translate(-50%, -50%)}.numberLineWidget .numberLineLabel{position:absolute;transform:translateX(-50%);font-family:"oso-sans";font-size:20px;color:var(--color-primary);white-space:nowrap;user-select:none;cursor:default;display:inline-flex;align-items:flex-end;justify-content:center}.numberLineWidget .numberLineLabel .nlMixedWrapper,.numberLineWidget .numberLineLabel .nlFractionOnly{display:inline-flex;align-items:center;gap:2px;line-height:1;font-size:20px}.numberLineWidget .numberLineLabel .nlFraction{display:inline-flex;flex-direction:column;align-items:stretch;font-size:.7em;line-height:.9}.numberLineWidget .numberLineLabel .nlFraction .nlFracNumerator{text-align:center;font-size:20px}.numberLineWidget .numberLineLabel .nlFraction .nlFracDenominator{border-top:1px solid currentColor;padding-top:1px;text-align:center;width:100%;font-size:20px}.numberLineWidget .numberLineLabel .nlNegativeSign{position:relative;margin-right:1px}.numberLineWidget .numberLineMask{position:absolute;width:26px;height:25px;background:#d0d8ed;border-radius:2px;cursor:pointer;margin:0;padding:0px;border:1px solid var(--color-primary)}.numberLineWidget .numberLineCustomTickWrapper{position:absolute;cursor:grab}.numberLineWidget .numberLineCustomTickWrapper::after{content:"";position:absolute;width:50px;height:60px;left:-25px;top:44px}.numberLineWidget .numberLineCustomTickWrapper:active{cursor:grabbing}.numberLineWidget .numberLineCustomTick{position:absolute;width:0px;border:2px solid var(--color-primary);border-radius:9999px}.numberLineWidget .customTickBox{position:absolute;transform:translateX(-50%);width:26px;height:25px;background:#d0d8ed;border-radius:2px;border:1px solid var(--color-primary);display:flex;align-items:center;justify-content:center;font-family:"oso-sans",sans-serif;font-size:.75rem;color:var(--color-primary);cursor:text;user-select:none;box-sizing:border-box;margin:0;padding:0}.numberLineWidget .customTickBoxEditing{background:#fff;z-index:10;width:auto;min-width:35px;height:auto;min-height:35px;border-radius:5px}.numberLineWidget .customTickBoxEditing .editorDiv{font-size:20px;font-family:oso-sans;outline:none;padding:0px !important;white-space:nowrap}.numberLineWidget .numberLineDragHandle{position:absolute;width:2.5rem;height:3.5rem;cursor:ew-resize;opacity:0;transform:translateY(-50%);border:none;padding:0px;margin:0px;background:rgba(0,0,0,0);outline:none}.numberLineWidget .jumpBarMathBtn{position:absolute;transform:translate(-50%, 10%);top:100%;left:50%}
.jumpBarManipulative{position:absolute;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);--color-primary: #293273}.jumpBarContainer{position:relative;user-select:none;-webkit-user-select:none;height:30px}.jumpBarContainer.flipped .jumpBarArc{bottom:auto;top:100%;border-top:none;border-bottom:2px dashed var(--color-primary)}.jumpBarContainer.flipped .jumpBarArrow{bottom:auto;top:0}.jumpBarContainer.flipped .jumpBarArrowRight{border-top:none;border-bottom:.75rem solid var(--color-primary)}.jumpBarContainer.flipped .jumpBarArrowLeft{border-top:none;border-bottom:.75rem solid var(--color-primary)}.jumpBarArc{position:absolute;left:0;right:0;bottom:100%;height:46px;border-left:2px dashed var(--color-primary);border-top:2px dashed var(--color-primary);border-right:2px dashed var(--color-primary);border-radius:5px}.jumpBarLabelContent{position:absolute;left:50%;transform:translate(-50%, -50%);background:#d0d8ed;color:var(--color-primary);border:1px solid var(--color-primary);border-radius:2px;min-width:70px;min-height:45px;cursor:text;font-family:"oso-sans";font-size:30px;box-sizing:border-box;text-align:center;outline:none;display:flex;align-items:center;justify-content:center;width:max-content}.jumpBarLabelContent .jumpBarLabelReadOnly{width:100%;height:100%;background:#fff;overflow:hidden;text-align:center;display:flex;align-items:center;justify-content:center;pointer-events:none;padding:0 10px}.jumpBarLabelContent .jumpBarMathBtnAbove{position:absolute;top:-50%;transform:translate(-50%, -60%);left:50%}.jumpBarLabelContent .jumpBarMathBtnBelow{position:absolute;top:100%;transform:translate(-50%, 10%);left:50%}.jumpBarLabelContent .mathEditorParent .editorDiv{padding:0px 10px !important;white-space:nowrap}.jumpBarLabelContent .mathEditorParent .editorDiv:focus,.jumpBarLabelContent .mathEditorParent .editorDiv:focus-within{outline:none !important;border:none !important;box-shadow:none !important}.jumpBarLabelFocused{background:#fff}.jumpBarArrow{position:absolute;bottom:3px;width:0;height:0}.jumpBarArrowRight{right:-10px;border-left:8px solid rgba(0,0,0,0);border-right:8px solid rgba(0,0,0,0);border-top:14px solid var(--color-primary)}.jumpBarArrowLeft{left:-10px;border-left:8px solid rgba(0,0,0,0);border-right:8px solid rgba(0,0,0,0);border-top:14px solid var(--color-primary)}.jumpBarBar{display:flex;align-items:center;border-radius:.25rem;height:30px;position:relative;cursor:grab}.jumpBarBar:active{cursor:grabbing}.jumpBarBar.jumpBarGreen{background-color:rgba(0,206,63,.5)}.jumpBarBar.jumpBarRed{background-color:rgba(244,67,54,.5)}.jumpBarLengthInput{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:4rem;text-align:center;border:.0625rem solid var(--color-primary2, #5063ae);border-radius:.25rem;font-size:.875rem;padding:.125rem .25rem;z-index:10;font-family:"oso-sans",sans-serif}.jumpBarHandle{width:8px;height:130%;cursor:ew-resize;flex-shrink:0;position:absolute;top:-15%;background-color:var(--color-primary);border-radius:.125rem;padding:0px;margin:0px;border:none}.jumpBarHandle::before{content:"";position:absolute;height:60px;width:30px;transform:translate(-50%, -50%)}.jumpBarHandleLeft{left:-4px}.jumpBarHandleRight{right:-4px}
.numberLineCustomTickManipulative{--color-primary: #293273}.numberLineCustomTickManipulative .numberLineCustomTickWrapper{position:absolute;cursor:grab}.numberLineCustomTickManipulative .numberLineCustomTickWrapper::after{content:"";position:absolute;width:60px;height:80px;left:-30px;top:-22px}.numberLineCustomTickManipulative .numberLineCustomTickWrapper.above::after{top:auto;bottom:-11px}.numberLineCustomTickManipulative .numberLineCustomTickWrapper:active{cursor:grabbing}.numberLineCustomTickManipulative .numberLineCustomTick{position:absolute;width:0px;border:2px solid var(--color-primary);border-radius:9999px}.numberLineCustomTickManipulative .customTickBox{position:absolute;width:26px;height:25px;background:#d0d8ed;border-radius:2px;border:1px solid var(--color-primary);display:flex;align-items:center;justify-content:center;font-family:"oso-sans",sans-serif;font-size:.75rem;color:var(--color-primary);cursor:text;user-select:none;box-sizing:border-box;margin:0;padding:0}.numberLineCustomTickManipulative .customTickBoxEditing{background:#fff;z-index:10;width:auto;min-width:35px;height:auto;min-height:35px;border-radius:5px;padding:0 5px}.numberLineCustomTickManipulative .customTickBoxEditing .editorDiv{font-size:20px;font-family:oso-sans;outline:none;padding:0px !important;white-space:nowrap}.numberLineCustomTickManipulative .jumpBarMathBtnBelow{position:absolute;top:100%;transform:translate(-50%, 10%);left:50%}.numberLineCustomTickManipulative .jumpBarMathBtnAbove{position:absolute;top:-50%;transform:translate(-50%, -70%);left:50%}
.mainContainer{display:flex;flex-direction:column;height:100%;overflow:hidden}.mainContainer .mainContent{display:flex;flex:1;overflow:hidden;background:#d1d7ed}.mainContainer .selectionDiv{position:absolute;border:1px solid #000;-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-user-select:none;user-select:none;touch-action:none}.mainContainer.hidden{position:absolute;top:-100%;left:-100%;overflow:hidden;opacity:0;pointer-events:none}
.manipulativeTool{position:absolute;flex-direction:column;display:flex;transform-origin:top right;box-sizing:border-box;font-family:Helvetica;align-items:flex-end;overflow:hidden;transition:all .5s ease-out;z-index:3}.manipulativeTool .manipulativBtnHolder{width:100%;height:calc(var(--zoomed-icon-size) + 13px);box-sizing:border-box;position:relative}.manipulativeTool .manipulativBtnHolder::after{content:"";position:absolute;width:96%;height:2px;background:#333e82;z-index:1;bottom:0px;left:2%;border-radius:9999px}.manipulativeTool .manipulativBtnHolder:last-child::after{content:none;display:none}.manipulativeTool .manipulativeBtn{padding:0px;margin:0px;width:100%;height:100%;background:rgba(0,0,0,0);border:none;cursor:pointer}.manipulativeTool .manipulativeBtn_hover{background:#283157}.manipulativeTool .contentHolder{position:absolute;width:100%;height:100%;display:flex;align-items:center;justify-content:flex-start;box-sizing:border-box;padding:5px 20px 5px 20px;gap:20px;pointer-events:none}.manipulativeTool .contentHolder .arrowBtn{height:22px;width:22px;padding-right:13px}.manipulativeTool .contentHolder .imgWrapper{width:50px;align-items:center;text-align:center;align-content:center}.manipulativeTool .contentHolder .imgWrapper .iconsImage{width:auto;height:auto;object-fit:contain}.manipulativeTool .contentHolder .text{flex:1;font-size:var(--zoomed-font-size-2);font-family:"oso-sans";color:#fff}.manipulativeTool .contentHolder .eyeBtn{padding:0px;margin:0px;width:var(--icon-size-45);height:var(--icon-size-45);background:rgba(0,0,0,0);border:none;cursor:pointer;position:relative;z-index:1;pointer-events:all;border-radius:50%}.manipulativeTool .contentHolder .eyeBtn_hover{background:#2a3273}.manipulativeTool .contentHolder .eyeBtn_activeHover{background:#2a3273}.manipulativeTool .verticalList.displayList{opacity:1;height:min(70dvh,100dvh - var(--headerHeight) - var(--zoomPanelHeight)) !important}.manipulativeTool .verticalList{background-color:var(--color-primary2);width:170px;height:0px;overflow:hidden;border-radius:6px;border-top-left-radius:0px;border-top-right-radius:0px;transition:all .5s ease-out;opacity:0}.manipulativeTool .manipulativeScrollbar .customScrollbarTrack.vertical{width:6px;background-color:rgba(0,0,0,.3019607843)}.manipulativeTool .manipulativeScrollbar .customScrollbarThumb.vertical{background:#ffda70}.manipulativeTool .headerContainer{border-top-left-radius:5px;border-top-right-radius:5px;overflow:hidden;flex:1;display:flex;flex-direction:column;width:100%}.manipulativeTool .headerContainer .manipulativeToolSettings{border:0;cursor:pointer;box-sizing:border-box;padding:0px;margin:0px;position:absolute;height:100%;width:100%;left:0px;top:0px;background:rgba(0,0,0,0)}.manipulativeTool .headerContainer .headingContent{background:var(--color-primary3);font-size:var(--zoomed-font-size-1);color:#fff;font-family:"oso-sans";padding:8px 10px;display:flex;justify-content:space-between;align-items:center;gap:20px;user-select:none;-moz-user-select:none;-webkit-user-select:none;pointer-events:none}.manipulativeTool .headerContainer .footerModal{width:100%;height:5px;border-radius:0 0 18px 18px;position:relative;bottom:0;left:0;overflow:hidden;position:relative;object-fit:cover;display:block;top:1;right:0px}.manipulativeTool .headerContainer .footerModal img{width:100%;height:100%;object-fit:cover;display:block}.manipulativeTool.manipulativeToolOpen .headerContainer .footerModal{border-radius:unset !important}.manipulativeTool .manipulativeToolBtn{background:rgba(0,0,0,0);border-radius:.5rem;box-shadow:0 1px 3px rgba(118,134,174,.09);padding:.25rem .35rem;border:none;display:flex;align-items:center;justify-content:center}.manipulativeTool .manipulativeToolBtn img{width:1.5rem;height:1.5rem;object-fit:contain;display:block}.manipulativeTool .child-verticalList{background-color:var(--color-primary3);width:100%;max-height:0px;overflow:hidden;border-radius:6px;transition:1s linear;opacity:1;overflow-x:hidden}.manipulativeTool .child-verticalList .manipulativBtnHolder{background-color:var(--color-primary3) !important}.manipulativeTool .child-verticalList .btnHolder{width:100%;height:40px;border:none;display:flex;padding:5px;justify-content:space-between;align-items:center;background:#3e519d;cursor:pointer}.manipulativeTool .child-verticalList .btnHolder:hover{background:#051e81}.manipulativeTool .child-verticalList.displayList1{width:100% !important;max-height:1080px;opacity:1}@media(min-width: 1921px){.iconZoomLevel_1 .manipulativeTool{width:265px}.iconZoomLevel_1 .manipulativeTool.manipulativeToolOpen{width:487px}.iconZoomLevel_2 .manipulativeTool{width:320px}.iconZoomLevel_2 .manipulativeTool.manipulativeToolOpen{width:500px}.iconZoomLevel_3 .manipulativeTool{width:400px}.iconZoomLevel_3 .manipulativeTool.manipulativeToolOpen{width:615px}}@media(min-width: 1601px)and (max-width: 1920px){.iconZoomLevel_1 .manipulativeTool{width:265px}.iconZoomLevel_1 .manipulativeTool.manipulativeToolOpen{width:480px}.iconZoomLevel_2 .manipulativeTool{width:320px}.iconZoomLevel_2 .manipulativeTool.manipulativeToolOpen{width:500px}.iconZoomLevel_3 .manipulativeTool{width:400px}.iconZoomLevel_3 .manipulativeTool.manipulativeToolOpen{width:615px}}@media(min-width: 1367px)and (max-width: 1600px){.iconZoomLevel_1 .manipulativeTool{width:260px}.iconZoomLevel_1 .manipulativeTool.manipulativeToolOpen{width:450px}.iconZoomLevel_2 .manipulativeTool{width:320px}.iconZoomLevel_2 .manipulativeTool.manipulativeToolOpen{width:500px}.iconZoomLevel_3 .manipulativeTool{width:400px}.iconZoomLevel_3 .manipulativeTool.manipulativeToolOpen{width:615px}}@media(min-width: 1201px)and (max-width: 1366px){.iconZoomLevel_1 .manipulativeTool{width:250px}.iconZoomLevel_1 .manipulativeTool.manipulativeToolOpen{width:420px}.iconZoomLevel_2 .manipulativeTool{width:320px}.iconZoomLevel_2 .manipulativeTool.manipulativeToolOpen{width:460px}.iconZoomLevel_3 .manipulativeTool{width:370px}.iconZoomLevel_3 .manipulativeTool.manipulativeToolOpen{width:560px}}@media(min-width: 1081px)and (max-width: 1200px){.iconZoomLevel_1 .manipulativeTool{width:240px}.iconZoomLevel_1 .manipulativeTool.manipulativeToolOpen{width:400px}.iconZoomLevel_2 .manipulativeTool{width:300px}.iconZoomLevel_2 .manipulativeTool.manipulativeToolOpen{width:400px}.iconZoomLevel_3 .manipulativeTool{width:320px}.iconZoomLevel_3 .manipulativeTool.manipulativeToolOpen{width:480px}}@media(max-width: 1080px){.iconZoomLevel_1 .manipulativeTool{width:230px}.iconZoomLevel_1 .manipulativeTool.manipulativeToolOpen{width:350px}.iconZoomLevel_2 .manipulativeTool{width:270px}.iconZoomLevel_2 .manipulativeTool.manipulativeToolOpen{width:400px}.iconZoomLevel_3 .manipulativeTool{width:320px}.iconZoomLevel_3 .manipulativeTool.manipulativeToolOpen{width:480px}}.srOnly{position:absolute;width:.0625rem;height:.0625rem;padding:0;margin:-0.0625rem;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}.manipulativeTool .manipulativeBtn:focus-visible{outline:.15rem solid #ffda70;outline-offset:-0.15rem;border-radius:.25rem;background:#283157}.manipulativeTool .manipulativeToolSettings:focus-visible{outline:.15rem solid #ffda70;outline-offset:-0.15rem}.manipulativeTool .eyeBtn:focus-visible{outline:.15rem solid #ffda70;outline-offset:-0.15rem}.contrast_high .manipulativeTool .manipulativBtnHolder::after{background:gray}.contrast_high .manipulativeTool .manipulativeBtn:focus-visible,.contrast_high .manipulativeTool .manipulativeToolSettings:focus-visible,.contrast_high .manipulativeTool .eyeBtn:focus-visible{outline-color:#fff}
.footer{position:sticky;width:100%;z-index:20;display:flex;justify-content:space-between;background:#5063ae;--width-1: 7dvw;--width-2: 38.5dvw;--width-3: 24dvw;--width-4: 28.5dvw}.footer .left-holder{display:flex;background:var(--color-primary1);padding:10px}.footer .left-holder .verticalHr{height:2.5vh;margin:0 11.5px;border:1px solid rgba(0,0,0,.15)}.footer .left-holder .main_btn_holder{display:flex;gap:.525dvw;align-items:center;width:var(--width-1);flex-wrap:wrap;justify-content:start;padding-left:5px;box-sizing:border-box}.footer .left-holder .main_btn_holder .collapsibleMainBtn span{height:100%;width:100%;display:flex;align-items:center;justify-content:center}.footer .left-holder .main_btn_holder .collapsibleMainBtn img{height:100%;width:100%}.footer .left-holder .main_btn_holder .sidebarBtn{background-color:#2d3570;width:var(--icon-size-45);height:var(--icon-size-45)}.footer .left-holder .main_btn_holder .sidebarBtn.footer{width:var(--icon-size-55) !important;height:var(--icon-size-55) !important}.footer .left-holder .main_btn_holder .sidebarBtn:hover{border:#2d3570;background-color:#fff}.footer .left-holder .left_btn_holder_parent{position:relative;display:flex;align-items:center;justify-content:center;width:var(--width-2)}.footer .left-holder .left_btn_holder_parent .left_btn_holder{display:flex;width:auto;flex-wrap:wrap;height:100%;z-index:2;position:relative;box-sizing:border-box;align-items:center;justify-content:flex-start}.footer .left-holder .left_btn_holder_parent .left_btn_holder ._btnHolder .colorSBtn{background:rgba(0,0,0,0)}.footer .left-holder .left_btn_holder_parent .left_btn_holder ._btnHolder .colorSBtn span{display:flex;align-items:center;justify-content:center}.footer .left-holder .left_btn_holder_parent .left_btn_holder ._btnHolder .colorSBtn span img{height:80%;width:auto}.footer .left-holder .left_btn_holder_parent .left_btn_holder ._btnHolder .colorSBtn:hover{background:var(--color-primary3)}.footer .left-holder .left_btn_holder_parent .left_btn_holder ._btnHolder .colorSBtn .verticalHr{opacity:0}.footer .footer_nav_holder{background:linear-gradient(to right, var(--color-primary1) 0%, var(--color-primary1) 50%, var(--color-primary2) 50%, var(--color-primary2) 100%);display:flex;align-items:center}.footer .footer_nav_holder .nav_holder{position:relative;background:var(--color-primary2);height:100%;border-radius:5vh;border-radius:5dvh;width:24vw;width:var(--width-3);padding:7px 10px;box-sizing:border-box}.footer .footer_nav_holder .nav_holder .page_ind{padding:0 10px}.footer .footer_nav_holder button span{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.footer .right-holder{background:var(--color-primary2);padding:10px;display:flex;justify-content:center}.footer .right-holder .footer-right-holder{display:flex;width:var(--width-4);flex-wrap:wrap;justify-content:center;box-sizing:border-box}.footer .right-holder .footer-right-holder ._btnHolder:last-child hr{opacity:0;display:none}.footer .right-holder .verticalHr{border:1px solid #293273}.footer .footerbtn{width:var(--icon-size-45);height:var(--icon-size-45);cursor:pointer;background:rgba(0,0,0,0);border:none;display:flex;align-items:center;justify-content:center;padding:0;box-sizing:border-box;color:#000;border-radius:50%;transition:background .3s ease}.footer ._btnHolder{display:flex;align-items:center}.footer ._btnHolder .verticalHr{height:2.5vh;height:2.5dvh;margin:0 10px}.footer ._btnHolder span{height:100%;width:100%;display:flex;align-items:center;justify-content:center}.footer ._btnHolder img{width:100%;height:100%;object-fit:contain;display:block;margin:0 auto}.footer .settingWithPopupContainer{display:flex;align-items:center}.footer .settingWithPopupContainer hr{display:none}.footer .collapsibleOptionHolder{background:var(--color-primary1)}.footer .colorPicker .collapsibleOptionHolder{background:var(--color-primary1)}.footer .colorPicker .collapsibleOptionHolder .collapsibleOptionBtn{background:none;border:none}.footer .footerToggle{position:absolute;left:15px;top:-20px;transform:translateY(-100%)}@media(min-width: 1921px){.footer{--width-1: 7dvw;--width-2: 38.5dvw;--width-3: 24dvw;--width-4: 28.5dvw}}@media(min-width: 1601px)and (max-width: 1920px){.footer{--width-1: 7dvw;--width-2: 38.5dvw;--width-3: 24dvw;--width-4: 28.5dvw}}@media(min-width: 1367px)and (max-width: 1600px){.footer{--width-1: 8dvw;--width-2: 39dvw;--width-3: 22.5dvw;--width-4: 28.5dvw}}@media(min-width: 1201px)and (max-width: 1366px){.footer{--width-1: 9dvw;--width-2: 40dvw;--width-3: 20.5dvw;--width-4: 28.5dvw}}@media(min-width: 1081px)and (max-width: 1200px){.footer{--width-1: 9dvw;--width-2: 42dvw;--width-3: 18.5dvw;--width-4: 28.5dvw}}@media(max-width: 1080px){.footer{--width-1: 9dvw;--width-2: 42dvw;--width-3: 18.5dvw;--width-4: 28.5dvw}}
.modalContainer{width:420px;background:#fff;border-radius:18px;padding:28px 32px 62px 32px;display:flex;flex-direction:column;align-items:center;gap:18px;--color-1: #2d3570;--color-2: #ffda70;--color-3: #d1d7ed;--color-4: #9097be;--color-5: #ffffff}.modalContainer .title{font-size:2.1875rem;font-family:oso-sans;font-weight:400;font-style:normal;color:#293273}.modalContainer .inputBox{width:100%;height:90px;border-radius:14px;border:1px solid #707070;padding:10px 14px;font-size:3.75rem;text-align:center;color:#293273}.modalContainer .openBtn{width:116px;height:45px;background:#293273;color:#fff;border:2px solid #293273;font-size:1.5625rem;font-family:oso-sans;font-weight:400;border-radius:10px}.modalContainer .normalBtn_hover{background:var(--color-2);color:var(--color-1)}.modalContainer .normalBtn_disable{pointer-events:none;background:var(--color-3);border-color:var(--color-3);color:var(--color-4)}.modalContainer .normalBtn_activeDisable{pointer-events:none;background:var(--color-3);border-color:var(--color-3);color:var(--color-4)}.modalContainer .footerModal{width:100%;height:2.3125rem;border-radius:0 0 18px 18px;margin-top:18px;position:absolute;bottom:0;left:0;overflow:hidden}.modalContainer .footerModal img{width:100%;height:100%;object-fit:cover;display:block}@media(max-width: 1600px){.modalContainer{width:380px}.modalContainer .title{font-size:2rem}.modalContainer .inputBox{height:80px;font-size:3.2rem}.modalContainer .openBtn{width:110px;height:42px;font-size:1.4rem}}@media(max-width: 1366px){.modalContainer{width:340px;padding:24px 28px 58px 28px}.modalContainer .title{font-size:1.8rem}.modalContainer .inputBox{height:70px;font-size:2.8rem}.modalContainer .openBtn{width:105px;height:40px;font-size:1.3rem}}@media(max-width: 1024px){.modalContainer{width:300px;padding:22px 24px 55px 24px}.modalContainer .title{font-size:1.7rem}.modalContainer .inputBox{height:60px;font-size:2.4rem;border-radius:12px}.modalContainer .openBtn{width:100px;height:38px;font-size:1.2rem}}@media(max-width: 768px){.modalContainer{width:280px;padding:20px 20px 52px 20px}.modalContainer .title{font-size:1.6rem}.modalContainer .inputBox{height:55px;font-size:2rem}.modalContainer .openBtn{width:95px;height:36px;font-size:1.1rem}}@media(max-width: 600px){.modalContainer{width:260px;padding:18px 18px 48px 18px}.modalContainer .title{font-size:1.5rem}.modalContainer .inputBox{height:50px;font-size:1.8rem}}@media(max-width: 500px){.modalContainer{width:240px;padding:16px 16px 46px 16px}.modalContainer .title{font-size:1.4rem}.modalContainer .inputBox{height:46px;font-size:1.6rem}.modalContainer .openBtn{width:90px;height:34px;font-size:1rem}}
.zoomAndPanControlPanel{position:absolute;right:26px;height:auto;display:flex;align-content:center;align-items:center;justify-content:space-between;padding:0px 0px 0px 9px;border-radius:3vw;border-radius:3dvw;background:var(--color-toggle);gap:8px;user-select:none;-moz-user-select:none;-webkit-user-drag:none;z-index:901}.zoomAndPanControlPanel .zoomBtn{cursor:pointer;border-radius:50%;background:rgba(0,0,0,0);border:none;display:flex;align-items:center;justify-content:center;transition:background .2s;padding:0;width:var(--icon-size-45);height:var(--icon-size-45);user-select:none;-moz-user-select:none;-webkit-user-drag:none}.zoomAndPanControlPanel .zoomBtn img{object-fit:contain;display:block;margin:0 auto}.zoomAndPanControlPanel .zoomBtn_hover{background:#293273}.zoomAndPanControlPanel .zoomBtn_disable{pointer-events:none}.zoomAndPanControlPanel .zoomBtn_activeDisable{pointer-events:none}.zoomAndPanControlPanel .zoomBtn_active{background:#293273}.zoomAndPanControlPanel .zoomBtn_activeHover{background:#ffda70}.zoomAndPanControlPanel .zoomAndPanControlSubPanel{display:flex;width:auto;height:100%;justify-content:space-evenly;align-items:center;border-radius:3vw;border-radius:3dvw;background:var(--color-primary1);gap:.3vw;gap:.3dvw;padding:.3vw;padding:.3dvw}.zoomAndPanControlPanel .zoomAndPanControlSubPanel .dividerLine{width:2px;height:3vh;height:3dvh;background:var(--color-primary4)}.zoomAndPanControlPanel .collapsibleOptionHolder{background:#2a3666}.zoomAndPanControlPanel .horizontalZoomControl{display:flex;flex-direction:row;align-items:center;justify-content:space-around;background:rgba(0,0,0,0);border-radius:24px;height:100%;width:auto;box-shadow:none;transition:box-shadow .2s;box-sizing:border-box;gap:8px}.zoomAndPanControlPanel .shapeCollapsibleContainer{display:flex;align-items:center;position:relative}.zoomAndPanControlPanel .shapeCollapsibleMainBtn{width:var(--icon-size-45);height:var(--icon-size-45);border:none;border-radius:50%;background:rgba(0,0,0,0);display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;transition:background .2s}.zoomAndPanControlPanel .shapeCollapsibleMainBtn img{width:100%;height:auto;display:block;object-fit:contain;margin:0 auto}.zoomAndPanControlPanel .shapeCollapsibleMainBtn_hover{background:#293273}.zoomAndPanControlPanel .shapeCollapsibleOptionBtn{width:var(--icon-size-45);height:var(--icon-size-45);padding:0;background:rgba(0,0,0,0);border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s}.zoomAndPanControlPanel .shapeCollapsibleOptionBtn img{width:100%;height:100%;display:block;object-fit:contain;margin:0 auto;pointer-events:none}.zoomAndPanControlPanel .shapeCollapsibleOptionBtn_hover{background:#293273}.zoomAndPanControlPanel button span{width:100%;height:100%;display:flex}.zoomAndPanControlPanel button span img{width:100%;height:auto}.contrast_high .zoomBtn_hover{background:#ffda70 !important}
.zoomControlPanel{display:flex;flex-direction:column;align-items:center;justify-content:space-around;background:#dbdff0;border-radius:24px;height:125px;width:50px;box-shadow:0 2px 8px rgba(38,50,56,.12);transition:box-shadow .2s;box-sizing:border-box}.zoomControlPanel.horizontal{padding:0 .1rem}.zoomControlPanel.vertical{padding:.1rem 0}.zoomControlPanel.horizontal{justify-content:space-around;flex-direction:row}.zoomBtn{cursor:pointer;border-radius:50%;background-color:none;border:none;display:flex;align-items:center;justify-content:center;transition:background .2s;padding:0;width:80%;height:40px}.zoomBtn img{object-fit:contain;display:block;margin:0 auto}.zoomBtn_hover{background:#293273}.zoomBtn_disable{pointer-events:none}.zoomControlLevel{font-size:var(--font-size-18);font-weight:500;color:#293273;margin:0;padding:0;font-family:"oso-sans";width:auto;display:inline-block;padding:0 .2vw;padding:0 .2dvw}.contrast_high .zoomControlLevel{color:#fff}
:root{--popup-width: 65vw;--popup-width: 65dvw;--popup-height: 80vh;--popup-height: 80dvh}.manipulativePopup{--radio-btn-size: 26px;--radio-btn-inner: 12px;--btn-size-40: 40px;--btn-size-30: 30px}.manipulativePopup .popup .popupContent{position:absolute;top:50%;left:50%;height:var(--popup-height);overflow:hidden;border-radius:1.25rem;width:var(--popup-width);transform:translate(-50%, -50%);box-shadow:0 0 .9375rem rgba(0,0,0,.262745098);border:.0625rem solid var(--border-color);background:linear-gradient(to bottom, #ffffff 0%, #dbdff0 70%)}@media(min-width: 1921px){.manipulativePopup{--radio-btn-size: 28px;--radio-btn-inner: 12px;--btn-size-40: 40px;--btn-size-30: 30px}}@media(min-width: 1601px)and (max-width: 1920px){.manipulativePopup{--radio-btn-size: 28px;--radio-btn-inner: 12px;--btn-size-40: 40px;--btn-size-30: 30px}}@media(min-width: 1367px)and (max-width: 1600px){.manipulativePopup{--radio-btn-size: 25px;--radio-btn-inner: 11px;--btn-size-40: 37px;--btn-size-30: 29px}}@media(min-width: 1201px)and (max-width: 1366px){.manipulativePopup{--radio-btn-size: 22px;--radio-btn-inner: 10px;--btn-size-40: 34px;--btn-size-30: 28px}}@media(min-width: 1081px)and (max-width: 1200px){.manipulativePopup{--radio-btn-size: 21px;--radio-btn-inner: 9px;--btn-size-40: 32px;--btn-size-30: 27px}}@media(max-width: 1080px){.manipulativePopup{--radio-btn-size: 21px;--radio-btn-inner: 9px;--btn-size-40: 30px;--btn-size-30: 25px}}.manipulativePopup.outlineConfirmation .popupContent{width:430px;height:220px}.manipulativePopup.clearWorkConfirmation .popupContent{width:574px;height:auto;overflow:hidden;background:#fff;border-radius:30px}.manipulativePopup.patternOutlineConfirmation .popupContent,.manipulativePopup.patternClearOutlineConfirmation .popupContent{width:574px;height:auto;overflow:hidden;background:#fff;border-radius:30px}.clearWorkConfirmContent{display:flex;flex-direction:column;align-items:center;text-align:center;padding:40px 40px 0}.clearWorkConfirmContent__heading{margin:0 0 25px;font-family:"oso-sans",sans-serif;font-size:30px;font-weight:400;color:#293273;line-height:40px;letter-spacing:0}.clearWorkConfirmContent__buttons{display:flex;gap:15px;justify-content:center;margin-bottom:30px}.clearWorkConfirmContent__btn{padding:12px 32px;font-family:"oso-sans",sans-serif;background-color:#293273;color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:600;font-size:20px;min-width:120px}.clearWorkConfirmContent__btn:hover{opacity:.9}.clearWorkConfirmContent__patches{width:calc(100% + 80px);margin:0 -40px;display:block}.manipulativePopup.patternShapesLibrary .patternShapesLibraryPopup{overflow:hidden}.manipulativePopup.patternShapesLibrary .popupContent{width:min(983px,90vw);height:auto;max-height:85vh;display:flex;flex-direction:column;overflow:hidden;border-radius:20px}.manipulativePopup.patternShapesLibrary .libraryGrid{display:grid;grid-template-columns:repeat(7, min(125px, 10vw));gap:min(10px,1vh);padding:min(25px,2vh) min(30px,2vw) min(20px,1.5vh);justify-content:center;align-content:start}.manipulativePopup.patternShapesLibrary .libraryShapeOption{width:min(125px,10vw);height:min(125px,18vh);border:2px solid #c5c8d8;border-radius:7px;padding:min(22px,2vh);background:#fff;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;overflow:visible;position:relative}.manipulativePopup.patternShapesLibrary .libraryShapeOption:hover{border-color:#293273}.manipulativePopup.patternShapesLibrary .libraryShapeOption.selected{border:3px solid #293273}.manipulativePopup.patternShapesLibrary .libraryShapeOption.selected .checkmark{display:flex}.manipulativePopup.patternShapesLibrary .libraryShapeOption img{width:100%;height:100%;object-fit:contain}.manipulativePopup.patternShapesLibrary .libraryShapeOption .checkmark{display:none;position:absolute;top:-10px;right:-10px;background:#293273;border:2px solid #fff;border-radius:50%;width:22px;height:22px;align-items:center;justify-content:center}.manipulativePopup.patternShapesLibrary .libraryShapeOption .checkmark svg{width:12px;height:12px}.manipulativePopup.patternShapesLibrary .libraryShapeOption .checkmark svg path{fill:#fff}.manipulativePopup.patternShapesLibrary .popupActions{display:flex;gap:15px;justify-content:center;padding:min(15px,1.5vh) 20px min(25px,2vh)}.manipulativePopup.patternShapesLibrary .popupActions button{padding:12px 32px;font-family:"oso-sans",sans-serif;font-size:20px;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease;min-width:120px;background:#293273;color:#fff}.manipulativePopup.patternShapesLibrary .popupActions button:hover:not(:disabled){opacity:.9}.manipulativePopup.patternShapesLibrary .popupActions button:disabled{background:#b0b0b0;color:#606060;cursor:not-allowed;opacity:.6}.manipulativePopup.fractionTiles .popup .popupContent{width:32rem;height:28rem}@media(min-width: 768px){.manipulativePopup.fractionTiles .popup .popupContent{width:40rem;height:38rem}}@media(min-width: 1024px){.manipulativePopup.fractionTiles .popup .popupContent{width:44rem;height:34rem}}@media(min-width: 1280px){.manipulativePopup.fractionTiles .popup .popupContent{width:48rem;height:36rem}}@media(min-width: 1536px){.manipulativePopup.fractionTiles .popup .popupContent{width:50rem;height:40rem}}@media(min-width: 1920px){.manipulativePopup.fractionTiles .popup .popupContent{width:75rem;height:50rem}}.manipulativePopup.coloredTiles .popup .popupContent{width:1524px;height:820px}@media(min-width: 768px){.manipulativePopup.coloredTiles .popup .popupContent{width:40rem;height:38rem}}@media(min-width: 1024px){.manipulativePopup.coloredTiles .popup .popupContent{width:44rem;height:34rem}}@media(max-width: 1280px){.manipulativePopup.coloredTiles .popup .popupContent{width:62rem;height:36rem}}@media(min-width: 1536px){.manipulativePopup.coloredTiles .popup .popupContent{width:1524px;height:820px}}@media(min-width: 1920px)and (max-height: 1080px){.manipulativePopup.coloredTiles .popup .popupContent{width:95.25rem !important;height:51.25rem !important}}@media(min-width: 600px)and (max-width: 900px){.manipulativePopup.coloredTiles .popup .popupContent{width:52rem;height:34rem}}@media(min-width: 1281px){.manipulativePopup.coloredTiles .popup .popupContent{width:70rem;height:40rem}}@media only screen and (min-device-width: 820px)and (max-device-width: 1180px)and (orientation: landscape){.manipulativePopup.coloredTiles .popup .popupContent{width:60rem;height:34rem}}@media(min-width: 1366px){.manipulativePopup.coloredTiles .popup .popupContent{width:70rem;height:40rem}}
.diceManipulative{--bg-dark-primary: #555877;--text-light: #293273;--input-bg-color: #fff;--input-border-color: #293273;--error-red: #ea414b;--input-text-color: #293273;--input-disabled-bg: #e0e0e0;--input-disabled-text: #999999;--input-width: 11.25rem;--input-height: 4.375rem;--radio-btn-label: calc(1.5625rem * var(--playerIcon-Zoom));--radio-text-size: calc(1.25rem * var(--playerIcon-Zoom));--toggleBtn-width: calc(3.625rem);--toggleBtn-height: calc(1.875rem);--footerBtn-width: calc(3.625rem * var(--playerIcon-Zoom));--footerBtn-height: calc(1.875rem * var(--playerIcon-Zoom));height:100%}.diceManipulative .customScrollbarContainer .customScrollbarContent{position:absolute}.diceManipulative fieldset{border:none;padding:0;margin:0 0}.diceManipulative .scrollbarHolder{width:100%;height:100%;box-sizing:border-box;display:flex;padding-top:5.625rem;padding-bottom:0;align-items:stretch;flex-direction:column;justify-content:space-between}.diceManipulative .diceHeaderSection{width:calc(100% - 6.625rem);display:grid;grid-template-columns:1fr auto 1fr;box-sizing:border-box;padding:0;gap:.75rem;justify-content:flex-start;justify-items:start;align-items:start;margin:.5rem 3.3125rem}.diceManipulative .diceHeaderSection .diceTypeSelectorWrapper{display:flex;align-items:center;flex-direction:column;gap:.75rem;border:.125rem solid #293273;border-radius:1.438rem;box-shadow:0 .125rem .5rem rgba(0,0,0,.08);align-items:left;padding:.875rem;justify-content:space-evenly;z-index:2;box-sizing:border-box}.diceManipulative .diceHeaderSection .diceTypeSelectorWrapper .diceTypeSelector{display:flex;flex-direction:column;gap:.65rem}.diceManipulative .diceHeaderSection .diceTypeSelectorWrapper .diceTypeSelector .diceTypeSelectorTitle{font-family:oso-sans;font-weight:700;font-size:var(--font-size-25);color:var(--text-light);display:flex;align-items:center;justify-content:center;width:100%;padding-bottom:.65rem}.diceManipulative .diceHeaderSection .diceTypeSelectorWrapper .diceTypeSelector .radioButtonGroup{display:flex;flex-direction:column}.diceManipulative .diceHeaderSection .diceTypeSelectorWrapper .diceTypeSelector .radioButtonGroup .radioGap{gap:.65rem;--radio-size: var(--radio-btn-size);--radio-inner: var(--radio-btn-inner);--text-size: var(--font-size-20)}.diceManipulative .diceHeaderSection .dicePreviewIcon{padding:0;margin:0;display:flex;align-items:center;justify-content:center;position:relative}.diceManipulative .diceHeaderSection .dicePreviewIcon .diceWrapper{position:relative !important;padding:.3125rem}.diceManipulative .diceHeaderSection .dicePreviewIcon .diceWithShadow{width:8.85rem;height:8.1rem;display:flex;justify-content:center;align-items:center;position:relative}.diceManipulative .diceHeaderSection .dicePreviewIcon .diceWithShadow .diceShadowImg{position:absolute;inset:0;width:100%}.diceManipulative .diceHeaderSection .dicePreviewIcon .diceWithShadow .diceDim{width:85.15%;height:89%;position:relative}.diceManipulative .diceHeaderSection .dicePreviewIcon .diceWithShadow .diceDim .blankDice{width:100%;pointer-events:none}.diceManipulative .diceHeaderSection .dicePreviewIcon .diceWithShadow .diceDim .diceDot{position:absolute;width:100%;pointer-events:none}.diceManipulative .diceHeaderSection .dicePreviewIcon .diceWithShadow .diceDim .diceData{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden;white-space:nowrap !important;line-height:1;white-space:normal;pointer-events:none;font-family:"oso-sans";color:#293273;font-size:2.5625rem;left:.5rem;width:calc(100% - var(--scaleDice)*.125rem)}.diceManipulative .diceHeaderSection .dicePreviewIcon .diceWithShadow .diceDim .diceData .displayDice{display:flex;justify-content:center;align-items:center}.diceManipulative .diceInstruction{display:flex;justify-content:center;align-items:center;font-family:oso-sans;font-weight:400;font-style:normal;font-size:1rem;text-align:center;color:var(--error-red);visibility:hidden;opacity:0;margin-bottom:1rem}.diceManipulative .diceInstruction.visible{visibility:visible;opacity:1}.diceManipulative .diceFacesSection{width:fit-content;display:flex;flex-direction:column;align-items:center;gap:.625rem;border-radius:.25rem;overflow:visible;width:100%;box-sizing:border-box}.diceManipulative .diceFacesSection .diceFacesGrid{width:100%;box-sizing:border-box;padding:0rem 3.3125rem;display:grid;grid-template-columns:repeat(3, 1fr);gap:1.25rem;row-gap:.625rem}.diceManipulative .diceFacesSection .diceFacesGrid fieldset{border:none;padding:1vh 0 0vh;margin:0 0}.diceManipulative .diceFacesSection .diceFacesGrid .diceFaceInputWrapper{display:flex;flex-direction:column;gap:.625rem;align-items:center;width:100%;box-sizing:border-box;height:auto;border:none}.diceManipulative .diceFacesSection .diceFacesGrid .diceFaceInputWrapper .imageType5Btn_disable{background:rgba(184,192,224,0);opacity:.3}.diceManipulative .diceFacesSection .diceFacesGrid .diceFaceInputWrapper .diceFaceLabel{font-family:oso-sans;font-weight:400;font-style:normal;font-size:var(--font-size-20);color:var(--text-light);text-align:center;width:100%;float:none}.diceManipulative .diceFacesSection .diceFacesGrid .diceFaceInputWrapper .diceFaceInputField .editorDiv{height:4.375rem;line-height:4.375rem;width:100%;margin:0;padding:0 .313rem;border:.063rem solid var(--input-border-color);border-radius:.438rem;font-size:1.25rem;text-align:center;background:#fff;box-sizing:border-box;opacity:1;box-shadow:none;font-family:oso-sans;font-weight:400;font-style:normal}.diceManipulative .diceFacesSection .diceFacesGrid .diceFaceInputWrapper .diceFaceInputField .editorDiv::placeholder{color:#d1d7ed}.diceManipulative .diceFacesSection .diceFacesGrid .diceFaceInputWrapper .diceFaceInputField .editorDiv:focus{border:.0625rem solid #293273;outline:.1875rem solid #293273}.diceManipulative .diceFacesSection .diceFacesGrid .diceFaceInputWrapper .diceFaceInputField .keypadWrapper{position:fixed;bottom:1.25rem;left:50%;transform:translateX(-50%)}.diceManipulative .diceFacesSection .diceFacesGrid .diceFaceInputWrapper .diceFaceInputFieldState_hover{border:.0625rem solid var(--input-text-color)}.diceManipulative .diceFacesSection .diceFacesGrid .diceFaceInputWrapper .diceFaceInputFieldState_focus{border-width:.125rem}.diceManipulative .diceFacesSection .diceFacesGrid .diceFaceInputWrapper .mathEditor_disable .editorDiv{opacity:.3;color:#274e9f;background:#fff;border:.063rem solid var(--input-border-color);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none !important;-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}.diceManipulative .diceFacesSection .diceFacesGrid .diceFaceInputWrapper .toggleSwitchWrapper{display:flex;width:100%;justify-content:space-between;align-items:center}.diceManipulative .diceFacesSection .diceFacesGrid .diceFaceInputWrapper .toggleSwitchWrapper .mathTextBtn{position:relative;width:var(--zoomed-icon-size);height:var(--zoomed-icon-size)}.diceManipulative .diceFacesSection .diceFacesGrid .diceFaceInputWrapper .toggleSwitchWrapper .mathTextBtn.imageType5Btn_disable{opacity:1}.diceManipulative .diceFacesSection .diceFacesGrid .diceFaceInputWrapper .toggleSwitchWrapper .mathTextBtn.imageType5Btn_disable span{opacity:.3 !important}.diceManipulative .diceFacesSection .diceFacesGrid .diceFaceInputWrapper .toggleSwitchWrapper .mathTextBtn .tooltipContainer{z-index:1002}.diceManipulative .diceFacesSection .diceFacesGrid .diceFaceInputWrapper .toggleSwitchWrapper .toggleCSS{width:var(--toggleBtn-width);height:var(--toggleBtn-height);padding:.25rem;border-radius:calc(var(--toggleBtn-height)/2);background:#5063ae}.diceManipulative .diceFacesSection .diceFacesGrid .diceFaceInputWrapper .toggleSwitchWrapper .toggleCSS .pillBtn{min-width:0;min-height:0;font-size:.625rem}.diceManipulative .diceFacesSection .diceFacesGrid .diceFaceInputWrapper .toggleSwitchWrapper .toggleCSS .toggleIndicator_hover{background:#fff}.diceManipulative .diceFacesSection .diceFacesGrid .diceFaceInputWrapper .toggleSwitchWrapper .toggleCSS._disable{background:#b8c0e0}.diceManipulative .diceFacesSection .diceFacesGrid .diceFaceInputWrapper .toggleSwitchWrapper .toggleNormal_active{background:#b8c0e0}.diceManipulative .diceFooterSection{width:100%;display:flex;justify-content:center;padding:2.1875rem 0;box-sizing:border-box;gap:1.25rem;flex-wrap:wrap}.diceManipulative .diceFooterSection .diceFooterButton{width:auto;height:auto;font-size:1.563rem;box-shadow:0 .125rem .25rem rgba(0,0,0,.1);padding:.249rem 2.399rem}.diceManipulative .footerActionsButtons{padding:2.5rem 0}@media(min-width: 1921px){.diceManipulative{--dice-zoom: 1.85}}@media(min-width: 1601px)and (max-width: 1920px){.diceManipulative{--dice-zoom: 1.85}}@media(min-width: 1367px)and (max-width: 1600px){.diceManipulative{--dice-zoom: 1.6}.diceManipulative .scrollbarHolder{padding-top:2.25rem}.diceManipulative .diceFacesSection .diceFacesGrid .diceFaceInputWrapper .diceFaceInputField .editorDiv{height:3.9rem;line-height:3.9rem}.diceManipulative .diceHeaderSection .diceTypeSelectorWrapper{gap:1rem;padding:1rem}.diceManipulative{--radio-btn-label: calc(1.5rem * var(--playerIcon-Zoom));--radio-text-size: calc(1.125rem * var(--playerIcon-Zoom))}}@media(min-width: 1201px)and (max-width: 1366px){.diceManipulative{--dice-zoom: 1.1}.diceManipulative .footerActionsButtons{padding:1.5rem 0}.diceManipulative .scrollbarHolder{padding-top:2rem}.diceManipulative .diceFacesSection .diceFacesGrid .diceFaceInputWrapper .diceFaceInputField .editorDiv{height:4rem;line-height:4rem}.diceManipulative .diceHeaderSection .diceTypeSelectorWrapper{gap:.9rem;padding:.9rem}.diceManipulative{--radio-btn-label: calc(1.5rem * var(--playerIcon-Zoom));--radio-text-size: calc(1.125rem * var(--playerIcon-Zoom))}}@media(min-width: 1081px)and (max-width: 1200px){.diceManipulative{--dice-zoom: 1}.diceManipulative .scrollbarHolder{padding-top:1.8rem}.diceManipulative .diceFacesSection .diceFacesGrid .diceFaceInputWrapper .diceFaceInputField .editorDiv{height:3.8rem;line-height:3.8rem}.diceManipulative .diceHeaderSection{margin:.8rem 3.3125rem}.diceManipulative .diceHeaderSection .diceTypeSelectorWrapper{gap:.9rem;padding:.9rem}.diceManipulative .footerActionsButtons{padding:1.3rem 0}.diceManipulative{--radio-btn-label: calc(1.3rem * var(--playerIcon-Zoom));--radio-text-size: calc(1rem * var(--playerIcon-Zoom))}}@media(max-width: 1080px){.diceManipulative{--dice-zoom: 1}.diceManipulative .scrollbarHolder{padding-top:1.8rem}.diceManipulative .diceFacesSection .diceFacesGrid .diceFaceInputWrapper .diceFaceInputField .editorDiv{height:3.2rem;line-height:3.2rem}.diceManipulative .diceHeaderSection{margin:.5rem 3.3125rem}.diceManipulative .diceHeaderSection .diceTypeSelectorWrapper{gap:.9rem;padding:.9rem}.diceManipulative .footerActionsButtons{padding:1.1rem 0}.diceManipulative{--radio-btn-label: calc(1.3rem * var(--playerIcon-Zoom));--radio-text-size: calc(1rem * var(--playerIcon-Zoom))}}.disabled{opacity:.3}
.footerActionsButtons{width:100%;height:auto;display:flex;align-items:center;justify-content:center;gap:30px;padding-bottom:25px;padding-top:25px}.footerActionsButtons .outputBtn{width:auto;height:auto;font-size:var(--font-size-25);box-shadow:0 .125rem .25rem rgba(0,0,0,.1);padding:.15em .7em;padding-bottom:.25em;margin:0px}
.cards{--portrait-tab-width: 40px;--portrait-tab-height: 55px;--landscape-tab-width: 55px;--landscape-tab-height: 40px;--input-border-color: #293273;--input-label-gap: 1.4rem;--counter-width: calc(70px * var(--playerIcon-Zoom));--counter-height: calc(45px * var(--playerIcon-Zoom));--deck-scale: 1;--dropDown-height: 45px;--cardInput-height: calc(4.3rem * var(--playerIcon-Zoom));--cardInput-width: 38%;--popup-gap: 3.5%;--popup-top-gap: 4%;--footer-top-padding: 10px;--cardCreator-height: 87%;--cardCreator-padding: 3.5%;--cardCreator-top-padding: 4%;--preDeck-cardWrapper-landscape-width: 23.3%;--preDeck-cardWrapper-portrait-width: 16.2%;--cardCheckbox-padding-left: 3.75px}.cardDeckWrapper{height:100%;font-size:1rem;background:linear-gradient(to bottom, #ffffff 0%, #dbdff0 70%);border-radius:30px}.cardDeckWrapper .customScrollbarContainer .customScrollbarContent{position:absolute}.cardDeckWrapper fieldset{border:none;padding:0;margin:0;min-inline-size:0}.cardDeckWrapper .fieldsetFlex{display:flex;justify-content:center;align-items:center;width:100%;text-align:center}.cardDeckWrapper .cardDeckContainer{display:flex;grid-template-columns:1fr 1px 1fr;gap:var(--popup-gap);padding:var(--popup-gap);padding-top:var(--popup-top-gap);padding-bottom:0;box-sizing:border-box;height:auto;width:100%;-webkit-user-select:none;-moz-user-select:none;user-select:none;min-height:100%}.cardDeckWrapper .leftPanel{display:flex;flex-direction:column;align-items:center;gap:3%;width:50%;height:auto}.cardDeckWrapper .leftPanel .modeController{width:100%;height:auto;display:flex;justify-content:center;align-items:flex-end;gap:.625rem}.cardDeckWrapper .leftPanel .modeController .cardsTab{display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:.25rem;height:100%;width:auto}.cardDeckWrapper .leftPanel .modeController .cardsTab .cardsTabBtn{background:#fff;border:.0625rem solid #2d3570;border-radius:.3125rem;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0}.cardDeckWrapper .leftPanel .modeController .cardsTab .cardsTabBtn:focus-visible{outline:.1875rem solid #5063ae;outline-offset:.125rem}.cardDeckWrapper .leftPanel .modeController .cardsTab .cardsTabBtn span{width:100%;height:100%;display:flex;align-items:flex-end;align-content:flex-end;justify-content:center}.cardDeckWrapper .leftPanel .modeController .cardsTab .cardProtrait{width:var(--portrait-tab-width);height:var(--portrait-tab-height)}.cardDeckWrapper .leftPanel .modeController .cardsTab .cardProtrait img{height:80%;display:block;object-fit:contain;margin:0 auto}.cardDeckWrapper .leftPanel .modeController .cardsTab .cardLandscape{width:var(--landscape-tab-width);height:var(--landscape-tab-height)}.cardDeckWrapper .leftPanel .modeController .cardsTab .cardLandscape img{height:85%;display:block;object-fit:contain;margin:0 auto}.cardDeckWrapper .leftPanel .modeController .cardsTab .cardTabNormal_hover{outline:.0625rem solid #2d3570}.cardDeckWrapper .leftPanel .modeController .cardsTab .cardTabNormal_active{outline:.0625rem solid #2d3570;background:#2d3570}.cardDeckWrapper .leftPanel .modeController .cardsTab .cardTabNormal_activeHover{outline:.0625rem solid #2d3570;background:#ffda70}.cardDeckWrapper .leftPanel .modeController .cardsTab .cardSelectedBottom{width:50%;height:.1875rem;background:#2d3570;border-radius:.625rem;box-sizing:border-box;opacity:0;visibility:hidden}.cardDeckWrapper .leftPanel .modeController .cardsTab .visible{opacity:1;visibility:visible}.cardDeckWrapper .leftPanel .cardWrapper{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.cardDeckWrapper .leftPanel .cardWrapper .cardPreview{border-radius:.625rem;display:flex;justify-content:center;align-items:center;zoom:var(--deck-scale)}.cardDeckWrapper .leftPanel .cardWrapper .cardPreview.landscape{width:301px;height:257px}.cardDeckWrapper .leftPanel .cardWrapper .cardPreview.landscape img{width:100%;height:auto}.cardDeckWrapper .leftPanel .cardWrapper .cardPreview.portrait{width:257px;height:301px}.cardDeckWrapper .leftPanel .cardWrapper .cardPreview.portrait img{width:100%;height:auto}.cardDeckWrapper .leftPanel .cardWrapper .cardPreviewWrapper{display:flex;gap:3%;justify-content:center;align-items:center;height:100%;width:100%;zoom:var(--deck-scale)}.cardDeckWrapper .leftPanel .cardWrapper .cardPreviewWrapper .backCard,.cardDeckWrapper .leftPanel .cardWrapper .cardPreviewWrapper button.frontCard{background:none;border:none;padding:0;margin:0;cursor:pointer;text-align:inherit}.cardDeckWrapper .leftPanel .cardWrapper .cardPreviewWrapper .backCard:focus-visible,.cardDeckWrapper .leftPanel .cardWrapper .cardPreviewWrapper button.frontCard:focus-visible{outline:.1875rem solid #5063ae;outline-offset:.125rem;border-radius:.625rem}.cardDeckWrapper .leftPanel .cardWrapper .cardPreviewWrapper .frontCard{border-radius:.625rem;position:relative;display:flex;align-items:center;justify-content:center}.cardDeckWrapper .leftPanel .cardWrapper .cardPreviewWrapper .cardText{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;overflow:hidden;font-family:oso-sans;font-size:var(--font-size-1);font-weight:600;color:#293273;text-align:center;pointer-events:none;padding:5px}.cardDeckWrapper .leftPanel .cardWrapper .cardPreviewWrapper .cardText .displayCard .editorDiv{box-sizing:border-box;align-items:center;align-content:center;place-content:center;white-space:nowrap;padding:0}.cardDeckWrapper .leftPanel .cardWrapper .cardPreviewWrapper .cardText .cardImage{width:auto;height:100%;max-width:100%;max-height:100%;object-fit:contain;pointer-events:none}.cardDeckWrapper .leftPanel .cardWrapper .cardPreviewWrapper.landscape{flex-direction:column}.cardDeckWrapper .leftPanel .cardWrapper .cardPreviewWrapper.landscape .backCard .frontCardImg,.cardDeckWrapper .leftPanel .cardWrapper .cardPreviewWrapper.landscape .frontCard .frontCardImg{width:auto;height:100%}.cardDeckWrapper .leftPanel .cardWrapper .cardPreviewWrapper.landscape .backCard,.cardDeckWrapper .leftPanel .cardWrapper .cardPreviewWrapper.landscape .frontCard{width:301px;height:215px}.cardDeckWrapper .leftPanel .cardWrapper .cardPreviewWrapper.landscape .cardImage{transform:rotate(90deg) scale(1.4)}.cardDeckWrapper .leftPanel .cardWrapper .cardPreviewWrapper.landscape .cardImage.cardImage--svg{transform:rotate(90deg)}.cardDeckWrapper .leftPanel .cardWrapper .cardPreviewWrapper.portrait{flex-direction:row}.cardDeckWrapper .leftPanel .cardWrapper .cardPreviewWrapper.portrait .backCard .frontCardImg,.cardDeckWrapper .leftPanel .cardWrapper .cardPreviewWrapper.portrait .frontCard .frontCardImg{width:100%;height:100%}.cardDeckWrapper .leftPanel .cardWrapper .cardPreviewWrapper.portrait .backCard,.cardDeckWrapper .leftPanel .cardWrapper .cardPreviewWrapper.portrait .frontCard{width:215px;height:301px}.cardDeckWrapper .leftPanel .cardWrapper .cardPreviewWrapper.portrait .cardImage{transform:rotate(0deg) scale(1)}.cardDeckWrapper .divider{width:.125rem;background:#b9c0e0;height:auto}.cardDeckWrapper .rightPanel{display:grid;gap:2.8dvh;width:50%;align-items:center;grid-template-rows:auto 3px 1fr}.cardDeckWrapper .rightPanel .sectionTitle{font-family:oso-sans;font-size:var(--font-size-25);font-weight:600;color:#2d3570;display:flex;justify-content:center;margin:auto;padding-bottom:1.5rem}.cardDeckWrapper .rightPanel .radioGroup{display:flex;flex-direction:row;flex:0 1 auto;width:100%;flex-wrap:wrap;justify-content:space-between;--radio-size: var(--radio-btn-size);--radio-inner: var(--radio-btn-inner)}.cardDeckWrapper .rightPanel .radioGroup .customRadioLabel{font-family:oso-sans;font-size:var(--font-size-25);color:#2d3570;display:flex;align-items:center;gap:var(--input-label-gap);cursor:pointer}.cardDeckWrapper .rightPanel .horizontalDivider{height:3px;background:#b9c0e0;width:100%}.cardDeckWrapper .rightPanel #preMadeDeck{height:100%;width:100%}.cardDeckWrapper .rightPanel #preMadeDeck .preDeckWrapper{display:flex;flex-direction:column;gap:1.25rem;height:100%;width:100%}.cardDeckWrapper .rightPanel #preMadeDeck .preDeckWrapper .deckSelector{display:grid;flex-direction:column;grid-template-columns:auto 1fr;row-gap:.625rem;column-gap:1.25rem;align-items:center}.cardDeckWrapper .rightPanel #preMadeDeck .preDeckWrapper .deckSelector .formRow{display:contents}.cardDeckWrapper .rightPanel #preMadeDeck .preDeckWrapper .deckSelector .formRow .dropdownLabel{font-family:oso-sans;font-size:var(--font-size-25);font-weight:600;color:#2d3570}.cardDeckWrapper .rightPanel #preMadeDeck .preDeckWrapper .deckSelector .formRow .dropdownField1{font-size:var(--font-size-20);width:75%}.cardDeckWrapper .rightPanel #preMadeDeck .preDeckWrapper .deckSelector .formRow .dropdownField1 .dropdownList .dropdownOption{font-size:var(--font-size-20)}.cardDeckWrapper .rightPanel #preMadeDeck .preDeckWrapper .deckSelector .formRow .dropdownField1 .dropdownTrigger{min-height:var(--dropDown-height);height:auto;width:127px}.cardDeckWrapper .rightPanel #preMadeDeck .preDeckWrapper .deckSelector .formRow .dropdownField1 .dropdownTrigger .dropDownBtnGrid .dropDownSelected{font-size:var(--font-size-20);word-break:break-word}.cardDeckWrapper .rightPanel #preMadeDeck .preDeckWrapper .deckSelector .formRow .dropdownField2{font-size:var(--font-size-20);width:100%}.cardDeckWrapper .rightPanel #preMadeDeck .preDeckWrapper .deckSelector .formRow .dropdownField2 .dropdownList .dropdownOption{font-size:var(--font-size-20)}.cardDeckWrapper .rightPanel #preMadeDeck .preDeckWrapper .deckSelector .formRow .dropdownField2 .dropdownTrigger{min-height:var(--dropDown-height);height:auto;width:100%}.cardDeckWrapper .rightPanel #preMadeDeck .preDeckWrapper .deckSelector .formRow .dropdownField2 .dropdownTrigger .dropDownBtnGrid .dropDownSelected{font-size:var(--font-size-20);word-break:break-word}.cardDeckWrapper .rightPanel #preMadeDeck .preDeckWrapper .deckSelector .formRow .dropdownField2_disable{pointer-events:none;opacity:.7}.cardDeckWrapper .rightPanel .createDeckWrapper{display:flex;flex-direction:column;gap:1rem;height:100%;width:100%}.cardDeckWrapper .rightPanel .createDeckWrapper .createDeckLabel{font-family:oso-sans;font-size:var(--font-size-25);font-weight:600;color:#2d3570;height:100%;display:flex;align-items:center;justify-content:center}.cardDeckWrapper .rightPanel .createDeckWrapper .cardnumberIndicator{position:absolute;background:#d1d7ed;display:flex;align-items:center;justify-content:center;border-radius:.3em;font-size:var(--font-size-30);font-family:"oso-sans";border:1px solid #293273;color:#293273;width:var(--counter-width);height:var(--counter-height);box-sizing:border-box}.cardDeckWrapper .rightPanel .createDeckWrapper .cardsCreatorWrapper{width:100%;height:var(--cardCreator-height);background:rgba(41,50,115,0.1019607843);border-radius:.625rem;padding:var(--cardCreator-top-padding) var(--cardCreator-padding);gap:1.5625rem;display:grid;grid-template-rows:1fr auto;box-sizing:border-box;padding-right:0;align-items:center;position:relative;min-height:250px}.cardDeckWrapper .rightPanel .createDeckWrapper .cardsCreatorWrapper .content{height:100%;width:100%}.cardDeckWrapper .rightPanel .createDeckWrapper .cardsCreatorWrapper .content .contentWrapper{display:flex;flex-direction:column;gap:.625rem;padding:2px .0625rem;margin-right:1.25rem;height:0;box-sizing:border-box}.cardDeckWrapper .rightPanel .createDeckWrapper .cardsCreatorWrapper .content .contentWrapper .counter{width:var(--counter-width);height:var(--counter-height);background:#fff;border-radius:.3125em;border:.0625rem solid #293273;font-family:oso-sans;color:#293273;font-size:var(--font-size-30);display:flex;justify-content:center;align-items:center;box-sizing:border-box}.cardDeckWrapper .rightPanel .createDeckWrapper .cardsCreatorWrapper .content .cardInputField{flex:1 1 var(--cardInput-width);min-width:0;height:auto !important}.cardDeckWrapper .rightPanel .createDeckWrapper .cardsCreatorWrapper .content .cardInputField .editorDiv{height:var(--cardInput-height);line-height:var(--cardInput-height);width:100%;margin:0;padding:0 .313rem;border:.063rem solid var(--input-border-color);border-radius:.438rem;font-size:var(--font-size-20) !important;text-align:center;background:#fff;box-sizing:border-box;opacity:1;box-shadow:none;font-family:oso-sans;font-weight:400;font-style:normal}.cardDeckWrapper .rightPanel .createDeckWrapper .cardsCreatorWrapper .content .cardInputField .editorDiv::placeholder{color:#d1d7ed}.cardDeckWrapper .rightPanel .createDeckWrapper .cardsCreatorWrapper .content .cardInputField .editorDiv:focus{border:.063rem solid var(--input-border-color);outline:.063rem solid var(--input-border-color)}.cardDeckWrapper .rightPanel .createDeckWrapper .cardsCreatorWrapper .content .cardInputField .keypadWrapper{position:fixed;bottom:20px;left:50%;transform:translateX(-50%)}.cardDeckWrapper .rightPanel .createDeckWrapper .cardsCreatorWrapper .footerAction{display:flex;justify-content:flex-start;align-items:center;width:100%;padding-right:3%;box-sizing:border-box}.cardDeckWrapper .rightPanel .createDeckWrapper .cardsCreatorWrapper .footerAction .addCardContainer{flex:1;display:flex;justify-content:center}.cardDeckWrapper .rightPanel .createDeckWrapper .cardCreateWrapper{display:flex;flex-wrap:wrap;gap:.325rem;align-items:center;padding-left:.125rem}.cardDeckWrapper .rightPanel .createDeckWrapper .cardCreateWrapper .createBtnWrapper{display:flex;justify-content:space-between;align-items:center;flex:1 0 auto;gap:clamp(3px,1vw,5px)}.cardDeckWrapper .rightPanel .createDeckWrapper .cardCreateWrapper .checkBoxWrapper .checkBtn{width:var(--btn-size-30);height:var(--btn-size-30);min-width:auto;min-height:auto}.cardDeckWrapper .rightPanel .createDeckWrapper .cardCreateWrapper .checkBoxWrapper .checkBtn_disable,.cardDeckWrapper .rightPanel .createDeckWrapper .cardCreateWrapper .checkBoxWrapper .checkBtn_activeDisable{opacity:.3;pointer-events:none;cursor:default}.cardDeckWrapper .rightPanel .createDeckWrapper .cardCreateWrapper .cardCheckbox{margin:0;padding-left:var(--cardCheckbox-padding-left)}.cardDeckWrapper .rightPanel .hideDeckWrapper{display:none}.cardDeckWrapper .rightPanel .deckPreviewBox{width:100%;height:100%;background:rgba(41,50,115,.1);border:.0625rem solid #cdd3f3;border-radius:.75rem;padding:1rem;padding-right:0;box-sizing:border-box;min-height:150px}.cardDeckWrapper .rightPanel .deckPreviewBox .deckCardWrapper{margin-right:.625rem;padding-right:.625rem;display:grid;grid-template-columns:repeat(5, 1fr);grid-auto-rows:auto;column-gap:10px;row-gap:5px;height:0}.cardDeckWrapper .rightPanel .deckPreviewBox .deckCardWrapper .frontCard{border-radius:.225rem;position:relative;display:flex;align-items:center;justify-content:center;cursor:pointer;border:none;box-sizing:border-box;padding:0}.cardDeckWrapper .rightPanel .deckPreviewBox .deckCardWrapper .frontCard:focus-visible{outline:.1875rem solid #5063ae}.cardDeckWrapper .rightPanel .deckPreviewBox .deckCardWrapper .frontCard.maxSelected{cursor:default}.cardDeckWrapper .rightPanel .deckPreviewBox .deckCardWrapper .frontCard .cardSelectionOverlay{position:absolute;inset:0;background:rgba(41,50,115,.5);border:2px solid #293273;border-radius:3px}.cardDeckWrapper .rightPanel .deckPreviewBox .deckCardWrapper .frontCard .cardSelectionOverlay div{position:absolute;right:10px;top:1px;color:#fff;font-size:var(--font-size-25);font-weight:700;font-family:oso-sans}.cardDeckWrapper .rightPanel .deckPreviewBox .deckCardWrapper .cardText{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;overflow:hidden;font-family:oso-sans;font-size:var(--font-size-1);font-weight:600;color:#293273;text-align:center;word-break:break-word;pointer-events:none;padding:5%}.cardDeckWrapper .rightPanel .deckPreviewBox .deckCardWrapper .cardText .cardImage{width:auto;height:100%;max-width:100%;max-height:100%;object-fit:contain}.cardDeckWrapper .rightPanel .deckPreviewBox .deckCardWrapper .cardText .displayCard .editorDiv{box-sizing:border-box;align-items:center;align-content:center;place-content:center;white-space:nowrap;padding:0}.cardDeckWrapper .rightPanel .deckPreviewBox .deckCardWrapper.landscape .frontCard .frontCardImg{width:100%;height:100%}.cardDeckWrapper .rightPanel .deckPreviewBox .deckCardWrapper.landscape .frontCard{aspect-ratio:7/5}.cardDeckWrapper .rightPanel .deckPreviewBox .deckCardWrapper.landscape .cardImage{transform:rotate(90deg) scale(1.4)}.cardDeckWrapper .rightPanel .deckPreviewBox .deckCardWrapper.landscape .cardImage.cardImage--svg{transform:rotate(90deg)}.cardDeckWrapper .rightPanel .deckPreviewBox .deckCardWrapper.portrait .frontCard .frontCardImg{width:100%;height:100%}.cardDeckWrapper .rightPanel .deckPreviewBox .deckCardWrapper.portrait .frontCard .cardImage{transform:rotate(0deg) scale(1)}.cardDeckWrapper .rightPanel .deckPreviewBox .deckCardWrapper.portrait .frontCard{aspect-ratio:5/7}.cardDeckWrapper .rightPanel .saveBtn{width:51%;font-size:var(--zoomed-font-size-1);height:auto;display:flex;align-self:center;padding:4px 10px;justify-content:center;align-items:center}.cardDeckWrapper .rightPanel .cardOrderDirections{font-size:var(--font-size-20);font-family:oso-sans;color:#293273;text-align:center;align-self:center}.cardDeckWrapper .footerActionsButtons{height:calc(15% - var(--footer-top-padding)*2);padding-bottom:var(--footer-top-padding);padding-top:var(--footer-top-padding)}.cardDeckWrapper .footerActionsButtons .outputBtn{align-items:center;justify-content:center;display:flex}.cardDeckWrapper .btn{width:13%;height:45%;font-size:var(--zoomed-font-size-1)}.cardDeckWrapper .btn2{width:65%;height:auto;font-size:var(--zoomed-font-size-1);padding:6px 0}.cardDeckWrapper .mathTextBtn{position:relative;width:var(--btn-size-40);height:var(--btn-size-40)}.cardDeckWrapper .mathTextBtn .tooltipContainer{z-index:1002}.cardDeckWrapper .btn4{width:var(--btn-size-40);height:var(--btn-size-40);aspect-ratio:1}.cardDeckWrapper .dropdownOption{padding-right:.9rem;margin-right:.9rem}.cardDeckWrapper .footerBar{margin-top:auto;display:flex;justify-content:center;gap:1rem;height:10%;align-items:baseline}.cardDeckWrapper .footerBar .btn{width:10% !important;height:var(--zoomed-icon-size) !important;font-size:var(--zoomed-font-size-1) !important}@media(min-width: 1921px){.cards{--input-label-gap: 1.4rem;--portrait-tab-width: 40px;--portrait-tab-height: 55px;--landscape-tab-width: 55px;--landscape-tab-height: 40px;--counter-width: calc(70px * var(--playerIcon-Zoom));--counter-height: calc(45px * var(--playerIcon-Zoom));--dropDown-height: 45px}}@media(min-width: 1601px)and (max-width: 1920px){.cards{--input-label-gap: 1.4rem;--portrait-tab-width: 40px;--portrait-tab-height: 55px;--landscape-tab-width: 55px;--landscape-tab-height: 40px;--counter-width: calc(70px * var(--playerIcon-Zoom));--counter-height: calc(45px * var(--playerIcon-Zoom));--dropDown-height: 45px}}@media(min-width: 1367px)and (max-width: 1600px){.cards{--popup-width: 70vw;--popup-width: 70dvw;--input-label-gap: 0.8rem;--portrait-tab-width: 38px;--portrait-tab-height: 52px;--landscape-tab-width: 52px;--landscape-tab-height: 38px;--counter-width: calc(65px * var(--playerIcon-Zoom));--counter-height: calc(42px * var(--playerIcon-Zoom));--deck-scale: 0.85;--dropDown-height: 40px;--cardInput-height: calc(3.4rem * var(--playerIcon-Zoom));--cardCreator-height: 100%;--cardCreator-padding: 2.8%;--cardCreator-top-padding: 3%;--preDeck-cardWrapper-landscape-width: 20.3%;--preDeck-cardWrapper-portrait-width: 14.2%;--cardCheckbox-padding-left: 2.23495px}}@media(min-width: 1201px)and (max-width: 1366px){.cards{--input-label-gap: 0.3rem;--popup-width: 75vw;--popup-width: 75dvw;--portrait-tab-width: calc(36px);--portrait-tab-height: calc(50px);--landscape-tab-width: calc(50px);--landscape-tab-height: calc(36px);--counter-width: calc(61px * var(--playerIcon-Zoom));--counter-height: calc(39px * var(--playerIcon-Zoom));--deck-scale: 0.7;--dropDown-height: 37px;--cardInput-height: calc(3.15rem * var(--playerIcon-Zoom));--cardCreator-height: 100%;--cardCreator-padding: 2.6%;--cardCreator-top-padding: 3%;--popup-gap: 3%;--preDeck-cardWrapper-landscape-width: 22.3%;--preDeck-cardWrapper-portrait-width: 14.2%;--cardCheckbox-padding-left: 1.8125px}.cards .rightPanel .sectionTitle{padding-bottom:.625rem}.cards .cardDeckWrapper .rightPanel .createDeckWrapper{gap:.625rem}.cards .cardDeckWrapper .rightPanel .createDeckWrapper .cardsCreatorWrapper .content .contentWrapper{gap:.325rem}}@media(min-width: 1081px)and (max-width: 1200px){.cards{--input-label-gap: 0.8rem;--popup-width: 77vw;--popup-width: 77dvw;--portrait-tab-width: calc(34px);--portrait-tab-height: calc(47px);--landscape-tab-width: calc(47px);--landscape-tab-height: calc(34px);--counter-width: calc(56px * var(--playerIcon-Zoom));--counter-height: calc(36px * var(--playerIcon-Zoom));--deck-scale: 0.6;--dropDown-height: 34px;--cardInput-height: calc(3rem * var(--playerIcon-Zoom));--cardCreator-height: 100%;--cardCreator-padding: 2.4%;--cardCreator-top-padding: 3%;--popup-gap: 2.5%;--popup-top-gap: 3%;--preDeck-cardWrapper-landscape-width: 22.3%;--preDeck-cardWrapper-portrait-width: 14.2%;--cardCheckbox-padding-left: 1.3125px}.cards .rightPanel .sectionTitle{padding-bottom:.3rem}.cards .cardDeckWrapper .rightPanel .createDeckWrapper{gap:.625rem}.cards .cardDeckWrapper .rightPanel .createDeckWrapper .cardsCreatorWrapper .content .contentWrapper{gap:.325rem}}@media(max-width: 1080px){.cards{--input-label-gap: 0.6rem;--popup-width: 78vw;--popup-width: 78dvw;--portrait-tab-width: calc(32px);--portrait-tab-height: calc(44px);--landscape-tab-width: calc(44px);--landscape-tab-height: calc(32px);--counter-width: calc(51px * var(--playerIcon-Zoom));--counter-height: calc(33px * var(--playerIcon-Zoom));--deck-scale: 0.55;--dropDown-height: 30px;--cardInput-height: calc(2.8rem * var(--playerIcon-Zoom));--cardCreator-height: 100%;--cardCreator-padding: 2.2%;--cardCreator-top-padding: 3%;--popup-gap: 2.5%;--popup-top-gap: 3%;--preDeck-cardWrapper-landscape-width: 22.6%;--preDeck-cardWrapper-portrait-width: 14%}.cards .cardDeckWrapper .rightPanel .createDeckWrapper .cardCreateWrapper .cardCheckbox{margin:-1px;padding-left:0}.cards .rightPanel .sectionTitle{padding-bottom:.3rem}.cards .cardDeckWrapper .rightPanel .createDeckWrapper{gap:.625rem}.cards .cardDeckWrapper .rightPanel .createDeckWrapper .cardsCreatorWrapper .content .contentWrapper{gap:.325rem}}
.checkBoxWrapper{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:10px}.checkBoxWrapper .checkBtn{width:30px;height:30px;min-width:30px;min-height:30px;padding:0px;margin:0px;cursor:pointer;box-sizing:border-box;margin:0px;background:#fff;border:2px solid #293273;border-radius:5px;position:relative;display:flex;align-items:center;justify-content:center}.checkBoxWrapper .checkBtn:focus-visible{outline:.1875rem solid #5063ae;outline-offset:.125rem}.checkBoxWrapper .checkBtn .tickImage{position:absolute;user-select:none;pointer-events:none}.checkBoxWrapper .checkBoxSpan{width:70%;height:70%;position:absolute;background:rgba(0,0,0,0);border-radius:5px;transition:.2s all;pointer-events:none}.checkBoxWrapper .checkBtn_hover .checkBoxSpan{background:#c0c2d6}.checkBoxWrapper .checkBtn_active .checkBoxSpan{background:#293273}.checkBoxWrapper .labelCSS{font-weight:normal}
.numberChartsWrapper{height:100%;--color-primary: #293273;--color-secondary: #5063ae;--color-tertiary: #ffffff;--grid-size-padding-unit: 2.4rem}.numberChartsWrapper .holder{padding:25px 20px;padding-bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:space-between;box-sizing:border-box;height:100%;font-family:"oso-sans";color:var(--color-primary);padding-right:0px}.numberChartsWrapper .holder .customScrollbarContainer .customScrollbarContent{position:absolute}.numberChartsWrapper .holder .footerActionsButtons{padding-right:20px;box-sizing:border-box}.numberChartsWrapper .scrollbarContent{padding-right:20px;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:25px}.numberChartsWrapper .inputErrorText{color:#ff0318;font-family:oso-sans;font-size:var(--font-size-20);text-align:center;width:100%;padding-top:20px}.numberChartsWrapper .inputErrorText.inline{text-align:left;padding-top:5px;opacity:0;overflow:hidden;transition:opacity .2s ease;font-size:var(--font-size-18);position:relative}.numberChartsWrapper .inputErrorText.inline.visible{opacity:1}.numberChartsWrapper .inputErrorText.inline .errorSpacer{visibility:hidden;pointer-events:none}.numberChartsWrapper .inputErrorText.inline .errorMessage{position:absolute;top:5px;left:0;right:0;opacity:0}.numberChartsWrapper .inputErrorText.inline .errorMessage.active{opacity:1}.numberChartsWrapper .inputStyle.inputError,.numberChartsWrapper .inputStyle.inputError.inputStyle_hover,.numberChartsWrapper .inputStyle.inputError.inputStyle_focus{border-color:#ff0318 !important}.numberChartsWrapper .sronly{text-align:center;white-space:nowrap;position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;font-size:0px}.numberChartsWrapper .radioFieldset{display:flex;justify-content:space-evenly;align-items:center;z-index:2;box-sizing:border-box;font-size:var(--font-size-20);font-family:oso-sans;padding:20px 20px;border-radius:1.4375rem;border:.1875rem solid var(--color-secondary);box-shadow:0 .12em .5em rgba(0,0,0,.08);width:100%;margin:0;color:var(--color-primary)}.numberChartsWrapper .radioFieldset .gridText{font-size:var(--font-size-25);white-space:nowrap;font-weight:bold;padding-right:var(--grid-size-padding-unit)}.numberChartsWrapper .radioFieldset .customRadioGroup{flex-direction:row;width:100%;justify-content:space-between;flex-wrap:wrap;--text-size: var(--font-size-20) !important;row-gap:8px}.numberChartsWrapper .radioFieldset .radioButtonGroup{display:flex}.numberChartsWrapper .radioFieldset .radioButtonGroup .radioGap{flex-direction:row;gap:.8em}.numberChartsWrapper .radioFieldset .customRadioGroup .customRadioItem{position:relative;border-left:1px solid #707070;padding:0 var(--grid-size-padding-unit)}.numberChartsWrapper .radioFieldset .customRadioGroup .customRadioItem:last-child{padding-right:0px}.numberChartsWrapper .activityContainer{width:100%;flex:1;min-height:0;display:flex;align-items:center;justify-content:center;box-sizing:border-box}.numberChartsWrapper .activityContainer .customRadioGroup .radioVisual{--radio-bg: white}.numberChartsWrapper .activityContainer.customContainer{padding-right:37.5px;display:flex;flex-direction:row;display:grid;grid-template-columns:1fr 1.2fr}.numberChartsWrapper .activityContainer .seperatorLine{background:#707070;height:.065rem;width:100%;margin:20px 0px;margin:1.5vh 0px;margin:1.5dvh 0px}.numberChartsWrapper .activityContainer .vertical{width:1px;height:70%}.numberChartsWrapper .activityContainer .margin8Px{margin:8px 0px}.numberChartsWrapper .activityContainer .opacity15Percent{opacity:.15}.numberChartsWrapper .activityContainer .numberChartsHolder{box-sizing:border-box;padding:0 16px;margin:auto;width:100%;height:100%;display:flex;justify-content:center;align-items:center;overflow:hidden}.numberChartsWrapper .activityContainer .numberChartsHolder .holderDiv{box-sizing:border-box;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.numberChartsWrapper .activityContainer .numberChartsHolder0,.numberChartsWrapper .activityContainer .numberChartsHolder1,.numberChartsWrapper .activityContainer .numberChartsHolder2,.numberChartsWrapper .activityContainer .numberChartsHolder3{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.numberChartsWrapper .activityContainer .chartType_0,.numberChartsWrapper .activityContainer .chartType_1,.numberChartsWrapper .activityContainer .chartType_2,.numberChartsWrapper .activityContainer .chartType_3{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.numberChartsWrapper .activityContainer .customWrapper{height:100%;display:flex;flex-direction:column;justify-content:flex-start;font-size:var(--font-size-20);padding-left:40px;box-sizing:border-box}.numberChartsWrapper .activityContainer .customWrapper .upperContainer{display:flex;flex-direction:column;gap:17px}.numberChartsWrapper .activityContainer .customWrapper .upperContainer .header{font-weight:bold;font-size:var(--font-size-20)}.numberChartsWrapper .activityContainer .customWrapper .upperContainer .ddHolder{align-items:center}.numberChartsWrapper .activityContainer .customWrapper .upperContainer .ddHolder .dropdownContainer{width:auto;min-height:45px;height:auto}.numberChartsWrapper .activityContainer .customWrapper .upperContainer .ddHolder .dropdownContainer .dropdownTrigger .dropDownBtnGrid .dropDownSelected{font-size:var(--font-size-20)}.numberChartsWrapper .activityContainer .customWrapper .upperContainer .ddHolder .dropdownContainer .dropdownOption{font-size:var(--font-size-20)}.numberChartsWrapper .activityContainer .customWrapper .upperContainer .ddHolder .displayValues{font-size:var(--font-size-20);display:flex;align-items:center;justify-content:center;border:1px solid var(--color-primary);border-radius:10px;aspect-ratio:1/1;min-width:50px;box-sizing:border-box;padding:.3em}.numberChartsWrapper .activityContainer .customWrapper .upperContainer .ddHolder .displayValuesMathEditor{display:flex;align-items:center;justify-content:center}.numberChartsWrapper .activityContainer .customWrapper .upperContainer .ddHolder .displayValues *{font-family:oso-sans;font-size:var(--font-size-20)}.numberChartsWrapper .activityContainer .customWrapper .upperContainer .ddHolder .editorDiv{padding:0;height:fit-content}.numberChartsWrapper .activityContainer .customWrapper .upperContainer .ddHolder{display:flex;justify-content:flex-start;gap:20px}.numberChartsWrapper .activityContainer .customWrapper .upperContainer .dropdownField .dropdownTrigger{min-width:240px}.numberChartsWrapper .activityContainer .customWrapper .middleContainer{display:grid;flex-grow:1;padding-left:0;gap:20px;grid-template-columns:1fr 1.2fr;position:relative;font-size:var(--font-size-20)}.numberChartsWrapper .activityContainer .customWrapper .middleContainer .inputStyle{box-shadow:none;border-radius:10px;border:1px solid var(--color-primary);background:var(--color-tertiary);color:var(--color-primary) !important;font-size:var(--font-size-20);height:auto;min-height:45px;width:5vw}.numberChartsWrapper .activityContainer .customWrapper .middleContainer .sizeWrapper{display:flex;flex-direction:column;justify-content:space-around;box-sizing:border-box;gap:10px}.numberChartsWrapper .activityContainer .customWrapper .middleContainer .wrapper{display:flex;justify-content:flex-start;align-items:center;gap:20px;gap:1.5vw}.numberChartsWrapper .activityContainer .customWrapper .middleContainer .wrapper .wrapperTitle{min-width:140px}.numberChartsWrapper .activityContainer .customWrapper .middleContainer .valueWrapper{display:flex;flex-direction:column;align-items:center;justify-content:space-around;border-left:1px solid rgba(0,0,0,.15);padding-left:1.5em;font-size:var(--font-size-20);gap:20px}.numberChartsWrapper .activityContainer .customWrapper .middleContainer .commonWrapper{display:flex;justify-content:space-between;align-items:center;width:100%}.numberChartsWrapper .activityContainer .customWrapper .middleContainer .customRadioGroup .customRadioLabel{--text-size: var(--font-size-20)}.numberChartsWrapper .activityContainer .customWrapper .middleContainer .radioINCDECcss{display:grid;grid-template-columns:1fr 1fr;width:100%;gap:0px;row-gap:max(1vw,1vh)}.numberChartsWrapper .activityContainer .customWrapper .middleContainer .radioINCDECcss .customRadioItem{justify-content:flex-start}.numberChartsWrapper .activityContainer .customWrapper .middleContainer .radioINCDECcss .customRadioItem:last-child{margin-left:.5vw}.numberChartsWrapper .activityContainer .customWrapper .bottomContainer{gap:25px}.numberChartsWrapper .activityContainer .customWrapper .bottomContainer .radioFieldsetDirection{margin:0;padding:0;border:none}.numberChartsWrapper .activityContainer .customWrapper .bottomContainer .radioGap{flex-direction:row;justify-content:space-between}.numberChartsWrapper .activityContainer .customWrapper .bottomContainer .radioGap .customRadioItem{border-left:1px solid #707070;padding-left:50px}.numberChartsWrapper .activityContainer .customWrapper .bottomContainer .radioGap .customRadioItem:first-child{border:none;padding:0px}.iconZoomLevel_2 .numberChartsWrapper .customWrapper .middleContainer .wrapper{justify-content:space-between}.iconZoomLevel_2 .numberChartsWrapper .customWrapper .middleContainer .radioINCDECcss{grid-template-columns:1fr}.iconZoomLevel_2 .numberChartsWrapper .customWrapper .middleContainer .radioINCDECcss .customRadioItem:last-child{justify-content:flex-start;border-left:none;margin:0}.iconZoomLevel_3 .numberChartsWrapper .activityContainer .customWrapper{grid-template-columns:1fr 1fr}.iconZoomLevel_3 .numberChartsWrapper .customWrapper .middleContainer{grid-template-columns:1fr;flex-wrap:wrap}.iconZoomLevel_3 .numberChartsWrapper .customWrapper .middleContainer .wrapper{justify-content:space-between}.iconZoomLevel_3 .numberChartsWrapper .customWrapper .middleContainer .sizeWrapper{width:100%}.iconZoomLevel_3 .numberChartsWrapper .customWrapper .middleContainer .valueWrapper{width:100%;padding:0px;border:none}.iconZoomLevel_3 .numberChartsWrapper .customWrapper .middleContainer .radioINCDECcss{grid-template-columns:1fr}.iconZoomLevel_3 .numberChartsWrapper .customWrapper .middleContainer .radioINCDECcss .customRadioItem:last-child{justify-content:flex-start;border-left:none;margin:0}.iconZoomLevel_3 .numberChartsWrapper .activityContainer .numberChartsHolder{align-items:flex-start}.manipulativePopup.numberCharts{--popup-height: 90dvw}@media(min-width: 1921px){.manipulativePopup.numberCharts{--popup-width: 80vw;--popup-width: 80dvw}}@media(min-width: 1601px)and (max-width: 1920px){.manipulativePopup.numberCharts{--popup-width: 80vw;--popup-width: 80dvw}.manipulativePopup.numberCharts .numberChartsWrapper .activityContainer .chartType_0,.manipulativePopup.numberCharts .numberChartsWrapper .activityContainer .chartType_1,.manipulativePopup.numberCharts .numberChartsWrapper .activityContainer .chartType_2,.manipulativePopup.numberCharts .numberChartsWrapper .activityContainer .chartType_3{height:58vh}}@media(min-width: 1367px)and (max-width: 1600px){.manipulativePopup.numberCharts{--popup-width: 80vw;--popup-width: 80dvw}.manipulativePopup.numberCharts .numberChartsWrapper{--grid-size-padding-unit: 1rem}.manipulativePopup.numberCharts .numberChartsWrapper .activityContainer .chartType_0,.manipulativePopup.numberCharts .numberChartsWrapper .activityContainer .chartType_1,.manipulativePopup.numberCharts .numberChartsWrapper .activityContainer .chartType_2,.manipulativePopup.numberCharts .numberChartsWrapper .activityContainer .chartType_3{height:55vh}}@media(min-width: 1201px)and (max-width: 1366px){.manipulativePopup.numberCharts{--popup-width: 85vw;--popup-width: 85dvw}.manipulativePopup.numberCharts .numberChartsWrapper{--grid-size-padding-unit: 0.7rem}.manipulativePopup.numberCharts .numberChartsWrapper .activityContainer .chartType_0,.manipulativePopup.numberCharts .numberChartsWrapper .activityContainer .chartType_1,.manipulativePopup.numberCharts .numberChartsWrapper .activityContainer .chartType_2,.manipulativePopup.numberCharts .numberChartsWrapper .activityContainer .chartType_3{height:52vh}.manipulativePopup.numberCharts .numberChartsWrapper .radioFieldset .customRadioGroup{column-gap:0px}.manipulativePopup.numberCharts .numberChartsWrapper .activityContainer.customContainer{padding-right:30px}.iconZoomLevel_2 .numberChartsWrapper .customWrapper .middleContainer{grid-template-columns:1fr}.iconZoomLevel_2 .numberChartsWrapper .customWrapper .middleContainer .valueWrapper{padding:0px;border:none}}@media(min-width: 1081px)and (max-width: 1200px){.manipulativePopup.numberCharts{--popup-width: 85vw;--popup-width: 85dvw}.manipulativePopup.numberCharts .numberChartsWrapper{--grid-size-padding-unit: 0.1rem}.manipulativePopup.numberCharts .numberChartsWrapper .activityContainer .chartType_0,.manipulativePopup.numberCharts .numberChartsWrapper .activityContainer .chartType_1,.manipulativePopup.numberCharts .numberChartsWrapper .activityContainer .chartType_2,.manipulativePopup.numberCharts .numberChartsWrapper .activityContainer .chartType_3{height:48vh}.manipulativePopup.numberCharts .numberChartsWrapper .radioFieldset .customRadioGroup{column-gap:0px}.manipulativePopup.numberCharts .numberChartsWrapper .customWrapper .middleContainer .radioINCDECcss{grid-template-columns:1fr;justify-content:flex-start}.manipulativePopup.numberCharts .numberChartsWrapper .customWrapper .middleContainer .radioINCDECcss .customRadioItem:last-child{border-left:none;justify-content:flex-start;margin:0}.manipulativePopup.numberCharts .numberChartsWrapper .activityContainer.customContainer{padding-right:30px}.iconZoomLevel_2 .numberChartsWrapper .customWrapper .middleContainer{grid-template-columns:1fr}.iconZoomLevel_2 .numberChartsWrapper .customWrapper .middleContainer .valueWrapper{padding:0px;border:none}}@media(max-width: 1080px){.manipulativePopup.numberCharts{--popup-width: 90vw;--popup-width: 90dvw}.manipulativePopup.numberCharts .numberChartsWrapper{--grid-size-padding-unit: 0rem}.manipulativePopup.numberCharts .numberChartsWrapper .activityContainer .chartType_0,.manipulativePopup.numberCharts .numberChartsWrapper .activityContainer .chartType_1,.manipulativePopup.numberCharts .numberChartsWrapper .activityContainer .chartType_2,.manipulativePopup.numberCharts .numberChartsWrapper .activityContainer .chartType_3{height:45vh}.manipulativePopup.numberCharts .numberChartsWrapper .radioFieldset{padding:20px 10px}.manipulativePopup.numberCharts .numberChartsWrapper .radioFieldset .customRadioGroup{column-gap:0px}.manipulativePopup.numberCharts .numberChartsWrapper .activityContainer .customWrapper .bottomContainer .radioGap .customRadioItem{padding-left:30px}.manipulativePopup.numberCharts .numberChartsWrapper .activityContainer .customWrapper .bottomContainer .radioGap .customRadioItem:first-child{padding:0}.manipulativePopup.numberCharts .numberChartsWrapper .customWrapper .middleContainer .radioINCDECcss{grid-template-columns:1fr;justify-content:flex-start}.manipulativePopup.numberCharts .numberChartsWrapper .customWrapper .middleContainer .radioINCDECcss .customRadioItem:last-child{border-left:none;justify-content:flex-start;margin:0}.manipulativePopup.numberCharts .numberChartsWrapper .activityContainer.customContainer{padding-right:30px}.iconZoomLevel_2 .numberChartsWrapper .customWrapper .middleContainer{grid-template-columns:1fr}.iconZoomLevel_2 .numberChartsWrapper .customWrapper .middleContainer .valueWrapper{padding:0px;border:none}}
.clocks{--popup-width: 62.5dvw;--color-primary: #293273;--vertical-line: #707070;--btnIcon-width: 6.15rem;--scale-manipulative: 1;--clockType-top-padding: 3.96rem;--clockType-bottom-padding: 3.58rem;--clockType-row-height: 4.4375rem;--minimumTop-wrapper-height: 26.9375rem;--topWrapper-gap: 1.25rem;--legendContent-padding: 0.7125rem}.clockWrapper{height:100%;width:100%;background:rgba(0,0,0,0) linear-gradient(180deg, var(--unnamed-color-ffffff) 0%, var(--unnamed-color-dbdff0) 100%) 0% 0% no-repeat padding-box;background:rgba(0,0,0,0) linear-gradient(180deg, #ffffff 0%, #bbc5f0 100%) 0% 0% no-repeat padding-box;box-shadow:0rem 0rem .9375rem rgba(0,0,0,.262745098);border-radius:1rem;display:flex;flex-direction:column;align-items:center;font-family:oso-sans;overflow:hidden}.clockWrapper .scrollbarHolder{width:100%;height:100%;box-sizing:border-box;display:flex;padding-bottom:0;align-items:stretch;flex-direction:column;justify-content:space-between}.clockWrapper .scrollbarHolder .scrollContentGroup{display:flex;flex-direction:column;height:100%}.clockWrapper .scrollbarHolder .customScrollbarContainer .customScrollbarContent{position:absolute}.clockWrapper .scrollbarHolder .topColumnWrapper{width:100%;height:auto;display:flex;justify-content:center;align-items:center;min-height:var(--minimumTop-wrapper-height);flex:1}.clockWrapper .scrollbarHolder .topColumnWrapper .clockType{flex-direction:column;gap:var(--topWrapper-gap);padding-top:var(--clockType-top-padding);padding-bottom:var(--clockType-bottom-padding)}.clockWrapper .scrollbarHolder .topColumnWrapper .clockType .timer-wrapper{height:14.4375rem;width:18.1875rem;transform:scale(var(--scale-manipulative));transform-origin:center center;margin:calc((var(--scale-manipulative) - 1)*14.4375rem/2) calc((var(--scale-manipulative) - 1)*18.1875rem/2)}.clockWrapper .scrollbarHolder .topColumnWrapper .clockType .analog_clockHolderDiv{height:17.5rem;width:22.5rem;position:relative;transform:scale(var(--scale-manipulative));transform-origin:center center;margin:calc((var(--scale-manipulative) - 1)*17.5rem/2) calc((var(--scale-manipulative) - 1)*22.5rem/2);display:flex;justify-content:center;align-items:center}.clockWrapper .scrollbarHolder .topColumnWrapper .clockType .analog_clockHolderDiv .analog_clockHolder .clockCenter{width:20px;height:20px}.clockWrapper .scrollbarHolder .topColumnWrapper .clockType .timepicker-wrapper{display:flex;flex-direction:column;align-items:center;margin-top:4vh;font-family:sans-serif}.clockWrapper .scrollbarHolder .topColumnWrapper .clockType .timepicker-wrapper .time-box{display:flex;background:#000;padding:.625rem .75rem;border-radius:.1875rem;border:.5rem solid #ccc;gap:.625rem;flex-direction:column}.clockWrapper .scrollbarHolder .topColumnWrapper .clockType .timepicker-wrapper .col-holder{display:flex;gap:1vw}.clockWrapper .scrollbarHolder .topColumnWrapper .clockType .timepicker-wrapper .col{display:flex;flex-direction:column;align-items:center;gap:.1875rem;justify-content:center;padding-right:.6875rem}.clockWrapper .scrollbarHolder .topColumnWrapper .clockType .timepicker-wrapper .value{background:#fff;color:#000;font-size:1.375rem;width:3.5vw;text-align:center;height:4vh}.clockWrapper .scrollbarHolder .topColumnWrapper .clockType .setTimeBtn{visibility:visible;width:auto;height:auto;padding:.4375rem .9375rem;font-size:var(--font-size-25);padding:.1em .7em}.clockWrapper .scrollbarHolder .topColumnWrapper .clockType .timer-display{margin-top:2%}.clockWrapper .scrollbarHolder .topColumnWrapper .clockType .timer-display-child{border-radius:.5rem !important;border:.125 solid #30509d !important;height:55% !important}.clockWrapper .scrollbarHolder .topColumnWrapper .clockType .timer-display-child .big{font-size:57px !important;height:auto}.clockWrapper .scrollbarHolder .topColumnWrapper .clockType .timer-display-child .sub{margin-left:.3125rem !important;line-height:1;display:inline-flex;transform:translateY(-22px);font-size:16px !important}.clockWrapper .scrollbarHolder .topColumnWrapper .clockType .timer-display-child .colon{font-size:57px !important;line-height:1;display:inline-flex;padding:0 2px}.clockWrapper .scrollbarHolder .topColumnWrapper .clockType .display-box{border-radius:20px}.clockWrapper .scrollbarHolder .topColumnWrapper .clockType .display-box .display-box-child{border-radius:15px}.clockWrapper .scrollbarHolder .topColumnWrapper .clockType .display-box .controls{opacity:.5}.clockWrapper .scrollbarHolder .topColumnWrapper .clockType .arrow{background:rgba(0,0,0,0);border:none;color:#7a8ac9;font-size:.75rem;cursor:pointer;margin:0;padding:0}.clockWrapper .scrollbarHolder .topColumnWrapper .clockType .arrow:hover{color:#4c5bb8}.clockWrapper .scrollbarHolder .topColumnWrapper .clockType .mode-row{display:flex;align-items:center;gap:.625rem;padding-top:.625rem;color:#fff;font-size:.8125rem;justify-content:center;border-top:.0625rem solid gray}.clockWrapper .scrollbarHolder .topColumnWrapper .clockType .mode-row p{margin:0;padding:0 1.3vw;border-left:.0625rem solid gray;border-right:.0625rem solid gray}.clockWrapper .scrollbarHolder .topColumnWrapper .clockType .ok-btn{margin-top:.625rem;background:#2f3b84;color:#fff;border:none;padding:.5rem 1.25rem;border-radius:.375rem;cursor:pointer;font-weight:bold}.clockWrapper .scrollbarHolder .topColumnWrapper .clockType .ok-btn:hover{background:#1f2a6e}.clockWrapper .scrollbarHolder .topColumnWrapper .clockType.timer .setTimeRow{display:flex;align-items:center;gap:.625rem;width:fit-content;background:rgba(219,223,240,.35);border-radius:.3125rem;border:.0625rem solid rgba(80,99,174,.35);padding:.375rem .625rem}.clockWrapper .scrollbarHolder .topColumnWrapper .clockType.timer .setTimeRow .setTimeLabel{color:var(--color-primary);font-size:var(--font-size-20);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}.clockWrapper .scrollbarHolder .topColumnWrapper .clockType.timer .setTimeRow .timeWrapper{display:flex;justify-content:center;align-items:center;gap:.125rem;font-family:oso-san}.clockWrapper .scrollbarHolder .topColumnWrapper .clockType.timer .setTimeRow .timeInput{width:2.5em;height:auto;font-size:var(--font-size-25);box-sizing:border-box;box-shadow:none;border:.0625rem solid var(--color-primary);background:#f7f7f7;border-radius:.3125rem;color:var(--color-primary);text-align:center;padding:.14em .64em .24em .64em;font-family:oso-sans}.clockWrapper .scrollbarHolder .topColumnWrapper .clockType.timer .setTimeRow .okBtn1{width:auto;height:auto;font-size:var(--font-size-25);padding:.16em .72em}.clockWrapper .scrollbarHolder .footerActionsButtons{padding-bottom:23px;padding-top:23px}.clockWrapper .scrollbarHolder .footerActionsButtons .outputBtn{padding:.15em .7em;padding-bottom:.25em}.clockWrapper .disableGrp,.clockWrapper .disableVerticalLine{opacity:.5;pointer-events:none}.clockWrapper .disableGrp1{opacity:0;pointer-events:none}.clockWrapper .flexItem{display:flex;align-items:center;justify-content:center}.clockWrapper .invisibleItem{visibility:hidden;pointer-events:none}.clockWrapper .clockDataHolder{width:94%;margin:auto;display:grid;grid-template-columns:max-content 1fr;column-gap:1rem;grid-template-rows:repeat(3, 0.0625rem minmax(var(--clockType-row-height), auto)) auto}.clockWrapper .clockDataHolder .customHr{grid-column:1/-1;border:none;border-bottom:.0625rem solid var(--color-primary);margin:0}.clockWrapper .clockDataHolder fieldset{border:none;padding:1vh 0;border-bottom:.0625rem solid var(--vertical-line)}.clockWrapper .clockDataHolder .legend_wrapper{align-items:center;width:100%;display:contents}.clockWrapper .clockDataHolder .legend_wrapper legend{display:flex;font-weight:bold;height:53%;align-items:center;border-right:.0625rem solid var(--vertical-line);font-size:var(--font-size-25);color:var(--color-primary);font-family:oso-sans;grid-column:1;white-space:nowrap;padding-right:1.875rem;align-self:center}.clockWrapper .clockDataHolder .legend_wrapper .iconsLegendText{align-items:flex-start;height:81%}.clockWrapper .clockDataHolder .legend_wrapper .legendContent{display:flex;width:99%;justify-content:space-evenly;height:100%;flex-direction:row;--text-size: var(--font-size-25);color:var(--color-primary);font-size:var(--font-size-25);align-items:center;padding:var(--legendContent-padding) 0;box-sizing:border-box;flex-wrap:wrap}.clockWrapper .clockDataHolder .legend_wrapper .legendContent .customRadioItem,.clockWrapper .clockDataHolder .legend_wrapper .legendContent .checkBoxWrapper{border-right:.0625rem solid var(--vertical-line);width:auto;justify-content:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}.clockWrapper .clockDataHolder .legend_wrapper .legendContent .customRadioItem .checkBtn,.clockWrapper .clockDataHolder .legend_wrapper .legendContent .checkBoxWrapper .checkBtn{width:1.875rem;height:1.875rem}.clockWrapper .clockDataHolder .legend_wrapper .legendContent .customRadioItem .checkBtn_disable,.clockWrapper .clockDataHolder .legend_wrapper .legendContent .customRadioItem .checkBoxLabel_disable,.clockWrapper .clockDataHolder .legend_wrapper .legendContent .customRadioItem .checkBtn_activeDisable,.clockWrapper .clockDataHolder .legend_wrapper .legendContent .checkBoxWrapper .checkBtn_disable,.clockWrapper .clockDataHolder .legend_wrapper .legendContent .checkBoxWrapper .checkBoxLabel_disable,.clockWrapper .clockDataHolder .legend_wrapper .legendContent .checkBoxWrapper .checkBtn_activeDisable{opacity:.5;pointer-events:none}.clockWrapper .clockDataHolder .legend_wrapper .radioGroup{--radio-size: var(--radio-btn-size);--radio-inner: var(--radio-btn-inner)}.clockWrapper .clockDataHolder .legend_wrapper .radioGroup .customRadioItem{flex:1 1 auto;padding:0 .625rem}.clockWrapper .clockDataHolder .legend_wrapper .radioGroup .customRadioItem .customRadioInput{position:static;clip-path:unset;opacity:0;margin-right:calc(-1*var(--radio-size) - var(--radio-gap))}.clockWrapper .clockDataHolder .legend_wrapper .radioGroup .customRadioItem .radioText{text-wrap:auto}.clockWrapper .clockDataHolder .legend_wrapper .checkBoxGroup{flex:1 1 auto;padding:0 .625rem}.clockWrapper .clockDataHolder .legend_wrapper .iconStyleGroup{flex:1 1 auto;padding:0 .625rem;display:flex;justify-content:center;border-right:.0625rem solid var(--vertical-line)}.clockWrapper .clockDataHolder .legend_wrapper .iconStyleGroup .clockIcons{border:2px solid var(--color-primary);box-sizing:border-box;padding:0px;background:#fff}.clockWrapper .clockDataHolder .legend_wrapper .iconStyleGroup .active{border:3px solid var(--color-primary);box-sizing:border-box;padding:0px}.clockWrapper .clockDataHolder .clockIcons{border:none;background:none;width:var(--btnIcon-width);height:var(--btnIcon-width);cursor:pointer;border-radius:.4375rem}.clockWrapper .clockDataHolder .clockIcons_disable,.clockWrapper .clockDataHolder .clockIcons_activeDisable{opacity:.5;pointer-events:none}@media(min-width: 1367px)and (max-width: 1600px){.clocks{--scale-manipulative: 0.8;--clockType-top-padding: 3.125rem;--clockType-bottom-padding: 2.75rem;--clockType-row-height: 3.5rem;--minimumTop-wrapper-height: 22rem;--btnIcon-width: 5.1rem;--topWrapper-gap: 1rem;--legendContent-padding: 0.5125rem}}@media(min-width: 1201px)and (max-width: 1366px){.clocks{--scale-manipulative: 0.7;--clockType-top-padding: 2rem;--clockType-bottom-padding: 2rem;--clockType-row-height: 2.9rem;--minimumTop-wrapper-height: 18.5625rem;--btnIcon-width: 4.5rem;--topWrapper-gap: 1rem;--legendContent-padding: 0.6125rem}.clocks .clockWrapper .scrollbarHolder .footerActionsButtons{padding-bottom:19px;padding-top:19px}}@media(min-width: 1081px)and (max-width: 1200px){.clocks{--scale-manipulative: 0.6;--clockType-top-padding: 1.5rem;--clockType-bottom-padding: 1.5rem;--clockType-row-height: 2.6rem;--minimumTop-wrapper-height: 15.6875rem;--btnIcon-width: 3.8rem;--topWrapper-gap: 0.8rem;--legendContent-padding: 0.5125rem}.clocks .clockWrapper .scrollbarHolder .footerActionsButtons{padding-bottom:19px;padding-top:19px}}@media(max-width: 1080px){.clocks{--scale-manipulative: 0.55;--clockType-top-padding: 1.5rem;--clockType-bottom-padding: 1.25rem;--clockType-row-height: 2.6rem;--minimumTop-wrapper-height: 14.3125rem;--btnIcon-width: 3.4rem;--topWrapper-gap: 0.625rem;--legendContent-padding: 0.4125rem}.clocks .clockWrapper .scrollbarHolder .footerActionsButtons{padding-bottom:19px;padding-top:19px}}
.numberChartGameWrapper{box-sizing:border-box;font-size:var(--font-size-25);--color-primary: #293273;height:100%;width:100%}.numberChartGameWrapper .holder{padding:30px;height:100%;display:flex;flex-direction:column;justify-content:space-around;box-sizing:border-box;padding-bottom:0;padding-right:0px}.numberChartGameWrapper .sronly{text-align:center;white-space:nowrap;position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;font-size:0px}.numberChartGameWrapper .upperContainer{padding-right:30px}.numberChartGameWrapper .upperContainer .divider{background:var(--color-primary);margin:1em 0}.numberChartGameWrapper .radioFieldset{display:flex;justify-content:space-evenly;align-items:center;z-index:2;box-sizing:border-box;font-size:var(--font-size-25);font-family:oso-sans;gap:.8em;border:0;width:100%;margin:0;padding:0;color:var(--color-primary)}.numberChartGameWrapper .radioFieldset .gridText{white-space:nowrap;font-weight:bold}.numberChartGameWrapper .radioFieldset .customRadioGroup{flex-direction:row;width:100%;justify-content:space-between;flex-wrap:wrap}.numberChartGameWrapper .radioFieldset .customRadioGroup .radioVisual{--radio-bg: white}.numberChartGameWrapper .radioFieldset .radioButtonGroup{display:flex}.numberChartGameWrapper .radioFieldset .radioButtonGroup .radioGap{flex-direction:row;gap:.8em}.numberChartGameWrapper .radioFieldset .customRadioGroup .customRadioItem{position:relative;border-right:1px solid rgba(0,0,0,.7);padding-right:3rem}.numberChartGameWrapper .radioFieldset .customRadioGroup .customRadioItem .customRadioLabel{font-size:var(--font-size-25)}.numberChartGameWrapper .radioFieldset .customRadioGroup .customRadioItem:last-child{position:relative;border:none;padding:0}.numberChartGameWrapper .radioFieldsetDirection{margin:0;padding:0;border:none}.numberChartGameWrapper .radioFieldsetDirection .radioGap{flex-direction:row;justify-content:space-between;gap:1em;box-sizing:border-box;flex-wrap:wrap}.numberChartGameWrapper .shapeWrapper{flex-grow:1;display:flex;flex-direction:column;justify-content:center;margin-top:0;box-sizing:border-box;padding-right:30px}.numberChartGameWrapper .shapeWrapper .customRadioGroup .customRadioItem{position:relative;border-right:1px solid rgba(0,0,0,.7);padding-right:3rem}.numberChartGameWrapper .shapeWrapper .customRadioGroup .radioVisual{--radio-bg: white}.numberChartGameWrapper .shapeWrapper .customRadioGroup .customRadioItem:last-child{position:relative;border:none;padding:0}.numberChartGameWrapper .text{font-family:oso-sans;font-size:var(--font-size-25);text-align:center;margin:1em 0;margin-bottom:0;color:var(--color-primary3)}@media(min-width: 1921px){.manipulativePopup.numberChartGame{--popup-width: 56vw;--popup-width: 56dvw;--popup-height: 30dvh;--popup-height: auto}}@media(min-width: 1601px)and (max-width: 1920px){.manipulativePopup.numberChartGame{--popup-width: 60vw;--popup-width: 60dvw;--popup-height: 30dvh;--popup-height: auto}}@media(min-width: 1367px)and (max-width: 1600px){.manipulativePopup.numberChartGame{--popup-width: 59vw;--popup-width: 59dvw;--popup-height: 35dvh;--popup-height: auto}.manipulativePopup.numberChartGame .numberChartGameWrapper .upperContainer .radioFieldset .customRadioGroup .customRadioItem{position:relative;border-right:1px solid rgba(0,0,0,.7);padding-right:1.4rem}.manipulativePopup.numberChartGame .numberChartGameWrapper .upperContainer .radioFieldset .customRadioGroup .customRadioItem:last-child{position:relative;border:none;padding:0}}@media(min-width: 1201px)and (max-width: 1366px){.manipulativePopup.numberChartGame{--popup-width: 65vw;--popup-width: 65dvw;--popup-height: 35dvh;--popup-height: auto}.manipulativePopup.numberChartGame .numberChartGameWrapper .upperContainer .radioFieldset .customRadioGroup .customRadioItem{position:relative;border-right:1px solid rgba(0,0,0,.7);padding-right:1.4rem}.manipulativePopup.numberChartGame .numberChartGameWrapper .upperContainer .radioFieldset .customRadioGroup .customRadioItem:last-child{position:relative;border:none;padding:0}.footerActionsButtons{padding-top:20px;padding-bottom:20px}}@media(min-width: 1081px)and (max-width: 1200px){.manipulativePopup.numberChartGame{--popup-width: 75vw;--popup-width: 75dvw;--popup-height: 39dvh;--popup-height: auto}.manipulativePopup.numberChartGame .numberChartGameWrapper .upperContainer .radioFieldset .customRadioGroup .customRadioItem{position:relative;border-right:1px solid rgba(0,0,0,.7);padding-right:1.4rem}.manipulativePopup.numberChartGame .numberChartGameWrapper .upperContainer .radioFieldset .customRadioGroup .customRadioItem:last-child{position:relative;border:none;padding:0}.footerActionsButtons{padding-top:20px;padding-bottom:20px}}@media(max-width: 1080px){.manipulativePopup.numberChartGame{--popup-width: 75vw;--popup-width: 75dvw;--popup-height: 43dvh;--popup-height: auto}.manipulativePopup.numberChartGame .numberChartGameWrapper .upperContainer .radioFieldset .customRadioGroup .customRadioItem{position:relative;border-right:1px solid rgba(0,0,0,.7);padding-right:1.4rem}.manipulativePopup.numberChartGame .numberChartGameWrapper .upperContainer .radioFieldset .customRadioGroup .customRadioItem:last-child{position:relative;border:none;padding:0}.footerActionsButtons{padding-top:20px;padding-bottom:20px}}
.numberFramesPopupWrapper{width:100%;height:100%;display:flex;flex-direction:column;background:rgba(0,0,0,0) linear-gradient(180deg, #ffffff 0%, #bbc5f0 100%) 0% 0% no-repeat padding-box;box-shadow:0rem 0rem .9375rem rgba(0,0,0,.262745098);border-radius:1rem;overflow:hidden}.numberFramesPopupWrapper .scrollbarHolder{width:100%;height:auto;flex:1;display:flex;flex-direction:column;overflow:hidden}.numberFramesPopupWrapper .scrollbarHolder .customScrollbarContainer{width:100%;height:100%}.numberFramesPopupWrapper .numberFramesPopup{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;box-sizing:border-box;padding:0;height:100%}.numberFramesPopupWrapper .numberFramesPopup .gridArea{flex:0 1 auto;display:flex;align-items:center;justify-content:center;padding:2.5rem 1.5rem 2rem;width:100%;box-sizing:border-box;flex:1}.numberFramesPopupWrapper .numberFramesPopup .grid{width:auto;display:grid;border:2px solid #2d3570;background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.1)}.numberFramesPopupWrapper .numberFramesPopup .gridCell{border:1px solid #cdd3f3;box-sizing:border-box;background:#fff;cursor:pointer;transition:background-color .15s ease;user-select:none;touch-action:none;-webkit-user-select:none;-webkit-touch-callout:none;padding:0;margin:-1px 0 0 -1px;outline:none;font-size:0;width:35px;height:35px;min-width:35px;min-height:35px}.numberFramesPopupWrapper .numberFramesPopup .gridCell:focus-visible{outline:2px solid #2d3570;outline-offset:-3px}.numberFramesPopupWrapper .numberFramesPopup .gridCell:disabled{cursor:not-allowed;opacity:.6}.numberFramesPopupWrapper .numberFramesPopup .gridCell.sel-top,.numberFramesPopupWrapper .numberFramesPopup .gridCell.sel-bottom,.numberFramesPopupWrapper .numberFramesPopup .gridCell.sel-left,.numberFramesPopupWrapper .numberFramesPopup .gridCell.sel-right{position:relative;z-index:1}.numberFramesPopupWrapper .numberFramesPopup .gridCell.sel-top{border-top-color:#2d3570}.numberFramesPopupWrapper .numberFramesPopup .gridCell.sel-bottom{border-bottom-color:#2d3570}.numberFramesPopupWrapper .numberFramesPopup .gridCell.sel-left{border-left-color:#2d3570}.numberFramesPopupWrapper .numberFramesPopup .gridCell.sel-right{border-right-color:#2d3570}.numberFramesPopupWrapper .numberFramesPopup .frameSelectorContainer{width:90%;margin:0 auto;padding:1.5rem .8rem;display:flex;flex-direction:row;align-items:center;justify-content:center;box-sizing:border-box;margin-top:auto;border-top:1px solid #2d3570;border-bottom:1px solid #2d3570}.numberFramesPopupWrapper .numberFramesPopup .frameSelectorFieldset{border:none;padding:0;margin:0;display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:0;width:100%}.numberFramesPopupWrapper .numberFramesPopup .srOnly{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.numberFramesPopupWrapper .numberFramesPopup .frameSelectorLabel{font-family:oso-sans;font-size:var(--font-size-25);font-weight:600;color:var(--color-primary3, #2d3570);margin:0;flex-shrink:0;position:relative;padding-right:2rem}.numberFramesPopupWrapper .numberFramesPopup .frameSelectorLabel::after{content:"";position:absolute;right:0;top:50%;transform:translateY(-50%);width:.0625rem;height:125%;background-color:#2d3570}.numberFramesPopupWrapper .numberFramesPopup .frameSelectorRadioGroup{display:flex;flex-direction:row;flex-wrap:wrap;gap:20px;align-items:center;justify-content:flex-start;flex:1;justify-content:space-around}.numberFramesPopupWrapper .numberFramesPopup .frameSelectorRadioGroup .customRadioItem{flex:0 1 auto;display:flex;align-items:center;justify-content:center;white-space:nowrap;position:relative;padding:0 1rem;flex:1 1 auto}.numberFramesPopupWrapper .numberFramesPopup .frameSelectorRadioGroup .customRadioItem::after{content:"";position:absolute;right:0;top:50%;transform:translateY(-50%);width:.0625rem;height:125%;background-color:#2d3570}.numberFramesPopupWrapper .numberFramesPopup .frameSelectorRadioGroup .customRadioItem input[type=radio]{margin-right:.5rem;cursor:pointer}.numberFramesPopupWrapper .numberFramesPopup .frameSelectorRadioGroup .customRadioItem .radioText{font-family:oso-sans;font-size:var(--font-size-25);cursor:pointer}.numberFramesPopupWrapper .numberFramesPopup .customHint{display:none}.numberFramesPopupWrapper .bottomPanel{width:100%;display:flex;flex-direction:row;justify-content:flex-end;align-items:center;box-sizing:border-box;flex-shrink:0}
.arrayPopup{height:100%;font-family:oso-sans;font-size:var(--font-size-25);box-sizing:border-box;--color-primary: #293273;--color-secondary: #ffffff}.arrayPopup .holder{padding:20px 20px;padding-bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:space-between;box-sizing:border-box;height:100%;font-family:"oso-sans";color:var(--color-primary);padding-right:0px}.arrayPopup .holder .customScrollbarContainer .customScrollbarContent{position:absolute}.arrayPopup .holder .footerActionsButtons .outputBtn{padding:.15em .7em}.arrayPopup .scrollbarContent{padding-right:20px;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:25px}.arrayPopup .arrayHeader{display:flex;align-items:center;padding:10px 14px;border-radius:1.4375rem;border:.1875rem solid #5063ae;box-shadow:0 .12em .5em rgba(0,0,0,.08);width:100%;box-sizing:border-box;gap:10px}.arrayPopup .arrayHeader .title{font-size:var(--font-size-25);font-weight:bold;color:var(--color-primary);white-space:nowrap;padding-right:10px}.arrayPopup .arrayTypeSelector{border:none;width:100%;margin:0;padding:0}.arrayPopup .arrayTypeSelector .customRadioGroup{display:flex;align-items:center;width:100%}.arrayPopup .arrayRadioInline{display:flex;flex-direction:row;align-items:center;gap:24px}.arrayPopup .arrayRadioInline .customRadioItem{width:100%;border-left:1px solid #707070;justify-content:center;padding:5px 0px;cursor:default}.arrayPopup .arrayTypeSelector .customRadioLabel{display:flex;align-items:center;gap:8px;margin-left:10px}.arrayPopup .arrayPreview{width:100%;height:100%;display:flex;align-items:center;justify-content:center;box-sizing:border-box;overflow:hidden}.arrayPopup .arrayPreview .arrayModelWrapper{position:relative !important;opacity:0}.arrayPopup .arrayPreview .arrayModelWrapper.scaled{opacity:1}.arrayPopup .arrayPreview .arrayModelWrapper .arrayModel{background:#fff !important}.arrayPopup .arrayPreview .arrayModelWrapper .arrayModel .cell{font-size:18px !important}.arrayPopup .operationContainer{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;width:100%;font-family:oso-sans;font-size:var(--font-size-25);box-sizing:border-box}.arrayPopup .operationContainer .headerWrapper{display:flex;flex-wrap:nowrap;gap:max(1vw,1vh);gap:max(1dvw,1dvh);width:80%;flex-direction:row;justify-content:space-between;color:var(--color-primary);font-size:var(--font-size-25)}@media(max-width: 1560px)and (min-width: 1300px){.arrayPopup .operationContainer .headerWrapper{zoom:.85}}@media(max-width: 1299px)and (min-width: 1081px){.arrayPopup .operationContainer .headerWrapper{zoom:.7}}@media(max-width: 1080px){.arrayPopup .operationContainer .headerWrapper{flex-wrap:wrap}}.arrayPopup .operationContainer .headerWrapper .leftContainer{display:flex;align-items:center;white-space:nowrap}.arrayPopup .operationContainer .headerWrapper .rightContainer{display:flex;align-items:center;justify-content:flex-end;white-space:nowrap}.arrayPopup .operationContainer .headerWrapper .incDecBtn{width:calc(var(--playerIcon-Zoom)*30px);height:calc(var(--playerIcon-Zoom)*30px);padding:0px;margin:0px;background:var(--color-secondary);border:1px solid var(--color-primary);border-radius:50%;cursor:pointer;box-sizing:border-box}.arrayPopup .operationContainer .headerWrapper .incDecBtn_hover{background:var(--color-primary)}.arrayPopup .operationContainer .headerWrapper .incDecBtn_activeDisable{opacity:.3;pointer-events:none;cursor:default}.arrayPopup .operationContainer .headerWrapper .incDecBtn_disable{opacity:.3;pointer-events:none;cursor:default}.arrayPopup .operationContainer .headerWrapper .displayCount{border:1px solid var(--color-primary);display:flex;align-items:center;justify-content:center;border-radius:5px;margin:0px 10px;font-weight:normal;font-size:calc(var(--zoomed-font-size-1)*1.2);padding:.2rem 1.5rem .3rem 1.5rem;user-select:none;background:var(--color-secondary);min-width:4.8125rem;box-sizing:border-box}.arrayPopup .operationContainer .headerWrapper .displayCount_disable{opacity:.3}.arrayPopup .dividerLine{background:var(--color-primary);height:75%;width:1px;margin:0px 20px;opacity:70%}.arrayPopup .seperatorLine{background:var(--color-primary);height:1px;width:100%;margin:10px 0px}
.fractionTilesManipulative{height:100%}.fractionTilesManipulative fieldset{border:none;padding:0;margin:0}.fractionTilesManipulative .scrollbarHolder{width:100%;height:100%;box-sizing:border-box;display:flex;padding:0;align-items:stretch;flex-direction:column}.fractionTilesManipulative .settings-container{padding-left:2.188rem;padding-right:2.188rem}@media(max-width: 768px){.fractionTilesManipulative .settings-container{padding-left:1.75rem;padding-right:1.75rem}}.fractionTilesManipulative .settings-container .settings{width:100%;border-bottom:1px solid #cfd6e4;border-top:.0625rem solid #293273}.fractionTilesManipulative .settings-container .settings .settings-row{display:flex;align-items:center;padding:.625rem 0;border-bottom:.0625rem solid #293273}@media(max-width: 768px){.fractionTilesManipulative .settings-container .settings .settings-row{padding:6px 0}}@media(min-width: 1920px){.fractionTilesManipulative .settings-container .settings .settings-row{padding:.875rem 0}}@media(width: 1366px)and (height: 1024px){.fractionTilesManipulative .settings-container .settings .settings-row{padding:.875rem 0}}.fractionTilesManipulative .settings-container .settings .settings-title{min-width:8.75rem;padding-left:1.25rem;font-size:1.125rem;font-family:oso-sans;font-weight:800;color:#2d3a66;border-right:1px solid #9ca3af}@media(max-width: 768px){.fractionTilesManipulative .settings-container .settings .settings-title{min-width:80px;padding:0}}@media(min-width: 1920px){.fractionTilesManipulative .settings-container .settings .settings-title{width:12.5rem;font-size:1.563rem}}@media(width: 1366px)and (height: 1024px){.fractionTilesManipulative .settings-container .settings .settings-title{font-size:1.375rem;min-width:7.5rem}}.fractionTilesManipulative .settings-container .settings .radioGroup{display:grid;grid-template-columns:1fr 1fr;align-items:center;width:100%;padding-left:1.875rem}@media(max-width: 768px){.fractionTilesManipulative .settings-container .settings .radioGroup{padding-left:0}}.fractionTilesManipulative .settings-container .settings .radioGroup>*{padding:0 1.875rem;display:flex;align-items:center;gap:.5rem}@media(max-width: 768px){.fractionTilesManipulative .settings-container .settings .radioGroup>*{padding:0 1.5rem}}.fractionTilesManipulative .settings-container .settings .radioGroup>*:nth-child(n){border-right:.0625rem solid #9ca3af}.fractionTilesManipulative .settings-container .settings .radioGroup>*:nth-child(even){margin-right:.5rem}.fractionTilesManipulative .settings-container .settings .radioGroup .radioVisual{background-color:#fff}.fractionTilesManipulative .settings-container .settings .radioGroup .customRadioLabel{font-size:1.125rem}@media(max-width: 1280px){.fractionTilesManipulative .settings-container .settings .radioGroup .customRadioLabel .radioVisual .radioInner{width:.5rem;height:.5rem}}@media(max-width: 1280px){.fractionTilesManipulative .settings-container .settings .radioGroup .customRadioLabel .radioVisual{width:1.25rem;height:1.25rem;min-width:1.25rem;min-height:1.25rem}}@media(min-width: 1920px){.fractionTilesManipulative .settings-container .settings .radioGroup .customRadioLabel{font-size:1.563rem}}@media(width: 1366px)and (height: 1024px){.fractionTilesManipulative .settings-container .settings .radioGroup .customRadioLabel{font-size:22px}}.fractionTilesManipulative .settings-container .settings .radioGroup .customRadioItem[data-selected=false] .radioText,.fractionTilesManipulative .settings-container .settings .radioGroup .customRadioItem[data-selected=false] .radioVisual{opacity:.8}.fractionTilesManipulative .fraction-popup-preview-container{display:flex;align-items:center;justify-content:center;flex:1;margin:0 2.5rem}.fractionTilesManipulative .fraction-popup-scroll-wrapper{max-width:100%;overflow-x:hidden;overflow-y:hidden;display:flex;align-items:center;justify-content:flex-start}.fractionTilesManipulative .fraction-popup-scroll-wrapper.is-overflowing{overflow-x:auto;padding-bottom:1.25rem}.fractionTilesManipulative .fraction-popup-scroll-wrapper::-webkit-scrollbar{height:.5rem}.fractionTilesManipulative .fraction-popup-scroll-wrapper::-webkit-scrollbar-track{background:#f1f1f1;border-radius:.25rem}.fractionTilesManipulative .fraction-popup-scroll-wrapper::-webkit-scrollbar-thumb{background:#293273;border-radius:.25rem}.fractionTilesManipulative .fraction-popup-scroll-wrapper::-webkit-scrollbar-thumb:hover{background:#1a2350}.fractionTilesManipulative .fraction-popup-svg{overflow:visible}.fractionTilesManipulative .fraction-popup-svg circle,.fractionTilesManipulative .fraction-popup-svg path{stroke-linejoin:round;stroke-linecap:round}.fractionTilesManipulative .fraction-popup-label-wrapper{position:absolute;left:var(--label-x);top:var(--label-y);transform:translate(-50%, -50%);pointer-events:none;z-index:1}.fractionTilesManipulative .fraction-popup-editor-container{width:var(--editor-width);max-width:100%;display:flex;justify-content:center;margin:0 auto}.fractionTilesManipulative .fraction-popup-rect-preview{margin:0 auto;width:45rem;min-height:3.75rem;background-color:#fff;border:.1875rem solid var(--color-primary3, #293273);opacity:1;display:flex;align-items:center;justify-content:center}@media(max-width: 1280px){.fractionTilesManipulative .fraction-popup-rect-preview{width:30rem;min-height:3rem}}@media(width: 1366px)and (height: 1024px){.fractionTilesManipulative .fraction-popup-rect-preview{width:37.5rem;min-height:3.4375rem}}.fractionTilesManipulative .fraction-popup-circle-preview{width:12.5rem;height:12.5rem;border-radius:9999px;border:.1875rem solid var(--color-primary3, #293273);margin:0 auto;display:flex;align-items:center;justify-content:center;background-color:#fff}@media(min-width: 1920px){.fractionTilesManipulative .fraction-popup-circle-preview{width:18.75rem;height:18.75rem}}@media(width: 1366px)and (height: 1024px){.fractionTilesManipulative .fraction-popup-circle-preview{width:13.75rem;height:13.75rem}}.fractionTilesManipulative .fraction-popup-default-label{font-family:oso-sans;font-size:var(--font-size, 1.5625rem);font-weight:bold;color:var(--color-primary3, #293273);display:flex;align-items:center;justify-content:center;user-select:none;-webkit-user-select:none}.fractionTilesManipulative .fraction-popup-mathjax-container{display:flex;align-items:center;justify-content:center;pointer-events:none}.fractionTilesManipulative .fraction-popup-mathjax-container .MJX-TEX{font-family:inherit;font-weight:inherit}.fractionTilesManipulative .fraction-popup-mathjax-container mjx-c::before{padding:0px .5em 0px 0px !important}.fractionTilesManipulative .fraction-popup-circle-shape-wrapper{display:flex;align-items:center;margin:auto;min-width:max-content;gap:1.25rem;padding:0 1.25rem}.fractionTilesManipulative .fraction-popup-circle-shape-container{position:relative;width:12.5rem;height:12.5rem;display:flex;align-items:center;justify-content:center;margin:.125rem}@media(min-width: 1920px){.fractionTilesManipulative .fraction-popup-circle-shape-container{width:18.75rem;height:18.75rem}}@media(min-width: 1601px)and (max-width: 1920px){.fractionTilesManipulative .fraction-popup-circle-shape-container{width:18.75rem;height:18.75rem}}.fractionTilesManipulative .fraction-popup-rect-shape-wrapper{display:flex;align-items:center;margin:auto;min-width:max-content;padding:0 1.25rem;gap:1.25rem}.fractionTilesManipulative .fraction-popup-rect-group-container{display:flex;align-items:center}.fractionTilesManipulative .fraction-popup-rect-shape-container{width:var(--rect-width);height:3.4375rem;background-color:#fff;border:.1875rem solid var(--color-primary3, #293273);opacity:1;display:flex;align-items:center;justify-content:center;margin:0 auto;transition:all .3s ease}.fractionTilesManipulative .fraction-popup-rect-shape-container.fraction-popup-rect-no-right{border-right:none !important}.fractionTilesManipulative .fraction-popup-input-default{width:100% !important;max-width:100% !important;height:auto !important;top:auto !important;left:auto !important;display:flex;justify-content:center;align-items:center}.fractionTilesManipulative .fraction-popup-input-default .editorDiv{box-shadow:none !important;background-color:rgba(0,0,0,0) !important;border:.125rem solid rgba(0,0,0,0) !important;outline:none;font-size:1.5625rem;font-family:oso-sans;color:var(--color-primary3, #293273);width:100%;min-width:.75rem;max-width:100%;margin:0;height:2.813rem;position:relative;padding:0 .5rem !important;line-height:2.813rem;overflow-y:hidden;overflow-x:auto;white-space:nowrap;border-color:var(--color-primary3, #293273) !important;background-color:#fff !important;border-radius:.25rem;text-align:center !important;display:block;box-sizing:border-box;scrollbar-width:none}.fractionTilesManipulative .fraction-popup-input-default .editorDiv::-webkit-scrollbar{display:none}.fractionTilesManipulative .fraction-popup-input-default .editorDiv math-field{max-width:100%;overflow-y:hidden;overflow-x:auto;min-height:0;line-height:normal;vertical-align:middle;display:inline-block;white-space:nowrap}.fractionTilesManipulative .fraction-popup-input-default .editorDiv[data-placeholder].is-empty::before,.fractionTilesManipulative .fraction-popup-input-default .editorDiv[data-placeholder]:where(.is-empty *)::before{content:attr(data-placeholder);color:#757575;opacity:.6;pointer-events:none;position:absolute;width:100%;font-size:var(--placeholder-font-size, 1rem);left:50%;top:50%;transform:translate(-50%, -50%);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fractionTilesManipulative .fraction-popup-input-default .editorDiv.focused{border-color:var(--color-primary3, #293273) !important;background-color:#fff !important;border-radius:.25rem;outline:none}
.moneyPieces,.numberPiece{--popup-width: 62.5dvw}.numberAndMoneyPiecePopup{height:100%;--color-primary: #293273;--color-secondary: #ffffff;--preview-min-height: 24rem;--scrollContent-padding: 2.1875rem;--mode-selection-radio-left-padding: 1.185rem;--mode-selection-input-gap: 1.185rem;--mode-selection-top-padding: 0.95rem;--preview-scale: 1;--quantity-top-bottom-padding: 1.2rem;--quantityRow-left-padding: 2.46875rem;--quantityRow-right-padding: 1.59rem;--quantityRow-width: 22.9375rem;--input-min-width: 4.375rem;--input-min-height: 2.8125rem;--incDec-gap: 0.625rem}.numberAndMoneyPiecePopup .scrollbarHolder{height:100%;display:flex;flex-direction:column}.numberAndMoneyPiecePopup .scrollContentGroup{display:flex;flex-direction:column;min-height:100%;padding:var(--scrollContent-padding);padding-bottom:0;box-sizing:border-box;font-family:oso-sans;color:var(--color-primary)}.numberAndMoneyPiecePopup .customScrollbarContainer .customScrollbarContent{position:absolute}.numberAndMoneyPiecePopup .popupTitle{font-size:var(--font-size-25);font-weight:700;text-align:center;margin-bottom:.5rem}.numberAndMoneyPiecePopup .previewArea{width:100%;min-height:var(--preview-min-height);display:flex;align-items:center;justify-content:center;border-radius:.5rem;padding:.75rem;box-sizing:border-box;--cell-size: 1.916875rem;--np-border-external: #293273;--np-border-internal: #000000}.numberAndMoneyPiecePopup .previewArea .previewCell{width:var(--cell-size);height:var(--cell-size);box-sizing:border-box}.numberAndMoneyPiecePopup .previewArea .previewPieces{display:flex;align-items:flex-end;gap:5.25rem;transform:scale(var(--preview-scale, 1));margin:calc((var(--preview-scale, 1) - 1)*50%) 0}.numberAndMoneyPiecePopup .previewArea .previewPieces .previewOnes{outline:.125rem solid var(--np-border-external);outline-offset:-0.0625rem}.numberAndMoneyPiecePopup .previewArea .previewPieces .previewTens{display:flex;flex-direction:column;outline:.125rem solid var(--np-border-external);outline-offset:-0.0625rem}.numberAndMoneyPiecePopup .previewArea .previewPieces .previewTens .previewCell{border:none;border-bottom:.0625rem solid var(--np-border-internal)}.numberAndMoneyPiecePopup .previewArea .previewPieces .previewTens .previewCell:last-child{border-bottom:none}.numberAndMoneyPiecePopup .previewArea .previewPieces .previewHundreds{display:grid;grid-template-columns:repeat(10, var(--cell-size));grid-template-rows:repeat(10, var(--cell-size));outline:.125rem solid var(--np-border-external);outline-offset:-0.0625rem}.numberAndMoneyPiecePopup .previewArea .previewPieces .previewHundreds .previewCell{border:none;border-right:.0625rem solid var(--np-border-internal);border-bottom:.0625rem solid var(--np-border-internal)}.numberAndMoneyPiecePopup .previewArea .previewPieces .previewHundreds .previewCell:nth-child(10n){border-right:none}.numberAndMoneyPiecePopup .previewArea .previewPieces .previewHundreds .previewCell:nth-child(n+91){border-bottom:none}.numberAndMoneyPiecePopup .previewArea .previewCoins{display:flex;flex-wrap:wrap;align-items:flex-end;gap:calc(1.25rem*var(--preview-scale, 1));justify-content:center}.numberAndMoneyPiecePopup .previewArea .previewCoins .coinPreview{display:flex;align-items:flex-end;justify-content:center;background:none;border:none}.numberAndMoneyPiecePopup .previewArea .previewCoins .coinPreview .coinPreviewImage{width:100%;height:auto;object-fit:contain;user-select:none;pointer-events:none}.numberAndMoneyPiecePopup .previewArea .previewCoins .coinPreview--dollarBill{width:calc(29.4375rem*var(--preview-scale, 1))}.numberAndMoneyPiecePopup .previewArea .previewCoins .coinPreview--halfDollar{width:calc(7.625rem*var(--preview-scale, 1))}.numberAndMoneyPiecePopup .previewArea .previewCoins .coinPreview--quarter{width:calc(6.0625rem*var(--preview-scale, 1))}.numberAndMoneyPiecePopup .previewArea .previewCoins .coinPreview--dime{width:calc(4.5rem*var(--preview-scale, 1))}.numberAndMoneyPiecePopup .previewArea .previewCoins .coinPreview--nickel{width:calc(4.375rem*var(--preview-scale, 1))}.numberAndMoneyPiecePopup .previewArea .previewCoins .coinPreview--penny{width:calc(4.75rem*var(--preview-scale, 1))}.numberAndMoneyPiecePopup .previewArea .previewMoneyPieces{display:flex;align-items:center;gap:1.875rem;transform:scale(var(--preview-scale, 1));margin:calc((var(--preview-scale, 1) - 1)*50%) 0}.numberAndMoneyPiecePopup .previewArea .previewMoneyPieces .moneyGridWrapper{position:relative}.numberAndMoneyPiecePopup .previewArea .previewMoneyPieces .moneyGridWrapper .moneyGrid{outline:.125rem solid var(--np-border-external);outline-offset:-0.0625rem}.numberAndMoneyPiecePopup .previewArea .previewMoneyPieces .moneyGridWrapper .moneyCell{background:#fff;border-right:.0625rem solid var(--np-border-internal);border-bottom:.0625rem solid var(--np-border-internal)}.numberAndMoneyPiecePopup .previewArea .previewMoneyPieces .moneyGridWrapper .moneyGrid--dollar .moneyCell:nth-child(10n){border-right:none}.numberAndMoneyPiecePopup .previewArea .previewMoneyPieces .moneyGridWrapper .moneyGrid--dollar .moneyCell:nth-child(n+91){border-bottom:none}.numberAndMoneyPiecePopup .previewArea .previewMoneyPieces .moneyGridWrapper .moneyGrid--halfDollar .moneyCell:nth-child(5n){border-right:none}.numberAndMoneyPiecePopup .previewArea .previewMoneyPieces .moneyGridWrapper .moneyGrid--halfDollar .moneyCell:nth-child(n+46){border-bottom:none}.numberAndMoneyPiecePopup .previewArea .previewMoneyPieces .moneyGridWrapper .moneyGrid--quarter .moneyCell:nth-child(5n){border-right:none}.numberAndMoneyPiecePopup .previewArea .previewMoneyPieces .moneyGridWrapper .moneyGrid--quarter .moneyCell:nth-child(n+21){border-bottom:none}.numberAndMoneyPiecePopup .previewArea .previewMoneyPieces .moneyGridWrapper .moneyGrid--dime .moneyCell{border-right:none}.numberAndMoneyPiecePopup .previewArea .previewMoneyPieces .moneyGridWrapper .moneyGrid--dime .moneyCell:last-child{border-bottom:none}.numberAndMoneyPiecePopup .previewArea .previewMoneyPieces .moneyGridWrapper .moneyGrid--nickel .moneyCell{border-right:none}.numberAndMoneyPiecePopup .previewArea .previewMoneyPieces .moneyGridWrapper .moneyGrid--nickel .moneyCell:last-child{border-bottom:none}.numberAndMoneyPiecePopup .previewArea .previewMoneyPieces .moneyGridWrapper .moneyGrid--penny .moneyCell{border-right:none;border-bottom:none}.numberAndMoneyPiecePopup .previewArea .previewMoneyPieces .moneyGridWrapper .moneyOverlay{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:1}.numberAndMoneyPiecePopup .previewArea .previewMoneyPieces .moneyGridWrapper .moneyOverlay .moneyOverlayImage{width:100%;height:auto;object-fit:contain;user-select:none;pointer-events:none}.numberAndMoneyPiecePopup .previewArea .previewMoneyPieces .moneyGridWrapper .moneyOverlay--dollar{width:75%}.numberAndMoneyPiecePopup .previewArea .previewMoneyPieces .moneyGridWrapper .moneyOverlay--halfDollar{width:31%}.numberAndMoneyPiecePopup .previewArea .previewMoneyPieces .moneyGridWrapper .moneyOverlay--quarter{width:24%}.numberAndMoneyPiecePopup .previewArea .previewMoneyPieces .moneyGridWrapper .moneyOverlay--dime{width:89%}.numberAndMoneyPiecePopup .previewArea .previewMoneyPieces .moneyGridWrapper .moneyOverlay--nickel{width:89%}.numberAndMoneyPiecePopup .previewArea .previewMoneyPieces .moneyGridWrapper .moneyOverlay--penny{width:96%}.numberAndMoneyPiecePopup .customHr{border:none;height:.0625rem;background:var(--color-primary);margin:0}.numberAndMoneyPiecePopup .modeSelection{padding:var(--mode-selection-top-padding) .53rem}.numberAndMoneyPiecePopup .modeSelection .customRadioGroup{flex-direction:row;flex-wrap:wrap;gap:0;row-gap:.5rem;align-items:stretch;--radio-size: var(--radio-btn-size);--radio-inner: var(--radio-btn-inner)}.numberAndMoneyPiecePopup .modeSelection .customRadioGroup .customRadioItem{flex:1;border-right:.0625rem solid var(--color-primary);padding:.5rem var(--mode-selection-radio-left-padding);justify-content:center}.numberAndMoneyPiecePopup .modeSelection .customRadioGroup .customRadioItem:first-child{border-left:.0625rem solid var(--color-primary)}.numberAndMoneyPiecePopup .modeSelection .customRadioGroup .customRadioLabel{font-size:var(--font-size-25);gap:var(--mode-selection-input-gap)}.numberAndMoneyPiecePopup .sectionDivider{border:none;height:.0625rem;background:var(--color-primary);margin:0}.numberAndMoneyPiecePopup .limitWarning{text-align:center;color:#d32f2f;font-size:var(--font-size-20);font-weight:600;padding:.5rem 0}.numberAndMoneyPiecePopup .quantityWrapper{flex-shrink:0;position:relative}.numberAndMoneyPiecePopup .quantitySpacer{height:calc(var(--btn-size-40) + 1rem)}.numberAndMoneyPiecePopup .quantityControls:after{content:"";position:absolute;top:0;right:-0.0625rem;background-color:#f0f1f6;width:.1875rem;height:80%}.numberAndMoneyPiecePopup .quantityControls{display:grid;grid-template-columns:repeat(auto-fit, minmax(var(--quantityRow-width), 1fr));background:#f0f1f6;border-bottom-left-radius:.375rem;border-bottom-right-radius:.375rem;padding:var(--quantity-top-bottom-padding) 0}.numberAndMoneyPiecePopup .quantityControls .quantityRow{display:flex;align-items:center;justify-content:space-between;gap:.25rem;padding:.375rem var(--quantityRow-right-padding) .375rem var(--quantityRow-left-padding);border-right:.0625rem solid var(--color-primary)}.numberAndMoneyPiecePopup .quantityControls .quantityRow:last-child{border-right:none}.numberAndMoneyPiecePopup .quantityControls .quantityRow .denomLabel{font-size:var(--font-size-25);white-space:normal}.numberAndMoneyPiecePopup .quantityControls .quantityRow .incDecGroup{display:flex;align-items:center;gap:var(--incDec-gap)}.numberAndMoneyPiecePopup .quantityControls .quantityRow .incDecGroup .btn4{width:var(--btn-size-40);height:var(--btn-size-40);aspect-ratio:1}.numberAndMoneyPiecePopup .quantityControls .quantityRow .incDecGroup .quantityInput{background:#fff;border-radius:.3125rem;border:.0625rem solid var(--color-primary);font-family:oso-sans;color:var(--color-primary);font-size:var(--font-size-30);text-align:center;box-sizing:border-box;min-width:var(--input-min-width);min-height:var(--input-min-height);padding:.3rem;box-shadow:none;height:auto;width:var(--input-min-width)}.iconZoomLevel_2 .numberAndMoneyPiecePopup,.iconZoomLevel_3 .numberAndMoneyPiecePopup{--quantityRow-width: 34.4375rem;--input-min-width: 6.5625rem;--input-min-height: 4.219rem}@media(min-width: 1367px)and (max-width: 1600px){.moneyPieces,.numberPiece{--popup-width: 67.5dvw}.moneyPieces .numberAndMoneyPiecePopup,.numberPiece .numberAndMoneyPiecePopup{--mode-selection-radio-left-padding: 0.625rem;--mode-selection-input-gap: 1.015rem;--scrollContent-padding: 1.1875rem;--preview-min-height: 18rem;--preview-scale: 0.8;--mode-selection-top-padding: 0.7rem;--quantity-top-bottom-padding: 1rem;--quantityRow-left-padding: 1rem;--quantityRow-right-padding: 1rem;--quantityRow-width: 20rem;--input-min-width: 3.75rem;--input-min-height: 2.41rem;--incDec-gap: 0.535rem}.iconZoomLevel_2 .numberAndMoneyPiecePopup,.iconZoomLevel_3 .numberAndMoneyPiecePopup{--quantityRow-width: 30rem;--input-min-width: 5.625rem;--input-min-height: 3.615rem}}@media(min-width: 1201px)and (max-width: 1366px){.moneyPieces,.numberPiece{--popup-width: 73dvw}.moneyPieces .numberAndMoneyPiecePopup,.numberPiece .numberAndMoneyPiecePopup{--mode-selection-radio-left-padding: 0.625rem;--mode-selection-input-gap: 0.882rem;--scrollContent-padding: 1.1875rem;--preview-min-height: 15rem;--preview-scale: 0.65;--mode-selection-top-padding: 0.5rem;--quantity-top-bottom-padding: 0.5rem;--quantityRow-left-padding: 1rem;--quantityRow-right-padding: 1rem;--quantityRow-width: 19.375rem;--input-min-width: 3.25rem;--input-min-height: 2.09rem;--incDec-gap: 0.465rem}.iconZoomLevel_2 .numberAndMoneyPiecePopup,.iconZoomLevel_3 .numberAndMoneyPiecePopup{--quantityRow-width: 29.0625rem;--input-min-width: 4.875rem;--input-min-height: 3.135rem}}@media(min-width: 1081px)and (max-width: 1200px){.moneyPieces,.numberPiece{--popup-width: 73dvw}.moneyPieces .numberAndMoneyPiecePopup,.numberPiece .numberAndMoneyPiecePopup{--mode-selection-radio-left-padding: 0.625rem;--mode-selection-input-gap: 0.749rem;--scrollContent-padding: 1.1875rem;--preview-min-height: 13rem;--preview-scale: 0.55;--mode-selection-top-padding: 0.5rem;--quantity-top-bottom-padding: 0.5rem;--quantityRow-left-padding: 1rem;--quantityRow-right-padding: 1rem;--quantityRow-width: 14.625rem;--input-min-width: 2.75rem;--input-min-height: 1.77rem;--incDec-gap: 0.395rem}.iconZoomLevel_2 .numberAndMoneyPiecePopup,.iconZoomLevel_3 .numberAndMoneyPiecePopup{--quantityRow-width: 21.9375rem;--input-min-width: 4.125rem;--input-min-height: 2.655rem}}@media(max-width: 1080px){.moneyPieces,.numberPiece{--popup-width: 76dvw}.moneyPieces .numberAndMoneyPiecePopup,.numberPiece .numberAndMoneyPiecePopup{--mode-selection-radio-left-padding: 0.625rem;--mode-selection-input-gap: 0.673rem;--scrollContent-padding: 1.1875rem;--preview-min-height: 12rem;--preview-scale: 0.5;--mode-selection-top-padding: 0.5rem;--quantity-top-bottom-padding: 0.5rem;--quantityRow-left-padding: 1rem;--quantityRow-right-padding: 1rem;--quantityRow-width: 14.625rem;--input-min-width: 2.5rem;--input-min-height: 1.61rem;--incDec-gap: 0.355rem}.iconZoomLevel_2 .numberAndMoneyPiecePopup,.iconZoomLevel_3 .numberAndMoneyPiecePopup{--quantityRow-width: 21.9375rem;--input-min-width: 3.75rem;--input-min-height: 2.415rem}}
.manipulativePopup.chartSizeAlert,.manipulativePopup.clockToolAlert{--popup-width: auto;--popup-height: auto}.chartSizeAlertWrapper{left:0;top:0;width:100%;height:100%;z-index:10;display:flex;align-items:center;justify-content:center;transition:.5s all;--color-primary: #293273;--color-secondary: #ffda70;--color-3: #edeff8}.chartSizeAlertWrapper .container{position:relative;background:#fff;text-align:center;padding-bottom:0;display:flex;align-items:center;flex-direction:column;overflow:hidden}.chartSizeAlertWrapper .upperPart{padding:40px 40px;gap:35px;display:flex;flex-direction:column;align-items:center;flex-grow:1;justify-content:center;width:max-content;max-width:70vw;box-sizing:border-box}.chartSizeAlertWrapper .title{font-family:oso-sans;font-size:var(--zoomed-font-size-3);color:var(--color-primary)}.chartSizeAlertWrapper .customBtn{width:auto;height:auto;font-size:var(--font-size-30);box-shadow:0 .125rem .25rem rgba(0,0,0,.1);padding:.15em .7em;padding-bottom:.25em;margin:0px}.chartSizeAlertWrapper .btn_hover{color:var(--color-primary);background:var(--color-secondary)}.chartSizeAlertWrapper .footer{background:var(--color-primary);display:flex;border-bottom-left-radius:16px;border-bottom-right-radius:16px;overflow:hidden;width:100%;padding:10px;box-sizing:border-box;position:relative}.chartSizeAlertWrapper .btnContainer{width:100%;display:flex;align-items:center;justify-content:center;gap:10%}.chartSizeAlertWrapper .footerImageHolder{width:100%;height:37px;overflow:hidden;display:flex;align-items:flex-end;background-size:100%}.chartSizeAlertWrapper .bgImage{bottom:0;left:0;width:100%}
.spinnerManipulativePopup{--text-primary: #293273;--bg-input: #ffffff;--border-color: #293273;--error-red: #ea414b;--disabled-bg: #e0e0e0;--disabled-text: #999999;--color-primary: #293273;--color-secondary: #ffffff;--spinner-input-width: 175px;--spinner-input-height: 55px;--spinner-scale-value: 0.8;height:100%}.spinnerManipulativePopup fieldset{border:none;padding:0;margin:0}.spinnerManipulativePopup .dividerLine{background:var(--color-primary);height:75%;width:1px;margin:0px 20px;opacity:70%}.spinnerManipulativePopup .seperatorLine{background:var(--color-primary);height:1px;width:100%;margin:10px 0px}.spinnerManipulativePopup .paddingRight{width:calc(100% - 30px)}.spinnerManipulativePopup .scrollbarHolder{padding:30px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;box-sizing:border-box;height:100%;padding-bottom:0px;padding-right:0px}.spinnerManipulativePopup .spinnerPreviewArea{display:flex;justify-content:center;align-items:center;position:relative;zoom:var(--spinner-scale-value);box-sizing:border-box;padding-right:30px}.spinnerManipulativePopup .spinnerPreviewArea .spinnerManipulativeWrapper{position:relative !important}.spinnerManipulativePopup .spinnerControlsRow{display:flex;flex-wrap:wrap;gap:max(1vw,1vh);gap:max(1dvw,1dvh);width:100%;flex-direction:row;justify-content:space-between;font-weight:700;color:var(--color-primary);font-size:var(--font-size-25);grid-template-columns:1fr 1fr;padding-right:30px;box-sizing:border-box}.spinnerManipulativePopup .spinnerControlsRow .buildSpinnerGroup{display:flex;align-items:center}.spinnerManipulativePopup .spinnerControlsRow .buildSpinnerGroup .buildSpinnerLabel{font-family:oso-sans;font-weight:700;font-size:var(--font-size-25);color:var(--text-primary);white-space:nowrap}.spinnerManipulativePopup .spinnerControlsRow .buildSpinnerGroup .incDecGroup{display:flex;align-items:center;gap:.375rem}.spinnerManipulativePopup .spinnerControlsRow .buildSpinnerGroup .incDecGroup .incDecBtn{width:30px;height:30px;padding:0px;margin:0px;background:var(--color-secondary);border:1px solid var(--color-primary);border-radius:50%;cursor:pointer;box-sizing:border-box}.spinnerManipulativePopup .spinnerControlsRow .buildSpinnerGroup .incDecGroup .incDecBtn_hover{background:var(--color-primary)}.spinnerManipulativePopup .spinnerControlsRow .buildSpinnerGroup .incDecGroup .incDecBtn_activeDisable{opacity:.3;pointer-events:none;cursor:default}.spinnerManipulativePopup .spinnerControlsRow .buildSpinnerGroup .incDecGroup .incDecBtn_disable{opacity:.3;pointer-events:none;cursor:default}.spinnerManipulativePopup .spinnerControlsRow .buildSpinnerGroup .incDecGroup .sectionCountDisplay{border:1px solid var(--color-primary);display:flex;align-items:center;justify-content:center;border-radius:5px;margin:0px 10px;font-weight:normal;font-size:calc(var(--zoomed-font-size-1)*1.2);padding:.2rem 1.5rem .3rem 1.5rem;user-select:none;background:var(--color-secondary);min-width:4.8125rem;box-sizing:border-box}.spinnerManipulativePopup .spinnerControlsRow .separator{width:.0625rem;height:2rem;background:var(--text-primary);opacity:.3}.spinnerManipulativePopup .spinnerControlsRow .modeGroup{display:flex;align-items:center;justify-content:flex-end}.spinnerManipulativePopup .spinnerControlsRow .modeGroup .checkBoxWrapper .checkBtn{width:30px !important;height:30px !important}.spinnerManipulativePopup .spinnerControlsRow .modeGroup .modeLabel{font-family:oso-sans;font-weight:700;font-size:var(--font-size-25);color:var(--text-primary)}.spinnerManipulativePopup .spinnerControlsRow .modeGroup .checkBoxWrapper{display:flex;align-items:center;gap:.375rem}.spinnerManipulativePopup .spinnerControlsRow .modeGroup .checkBoxWrapper .labelCSS{font-family:oso-sans;font-weight:400;font-size:var(--font-size-20);color:var(--text-primary)}.spinnerManipulativePopup .operationContainer{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;width:100%;font-family:oso-sans;font-size:var(--font-size-25);box-sizing:border-box;flex:1;min-height:0;overflow:hidden}.spinnerManipulativePopup .warningText{font-family:oso-sans;font-size:var(--font-size-20);color:#ff0318;opacity:0;width:100%;transition:.5s all;padding:.8rem 0px;text-align:center}.spinnerManipulativePopup .warningText.visible{opacity:1}.spinnerManipulativePopup .sectionConfigGrid{display:flex;flex-wrap:wrap;gap:15px;justify-content:center;width:100%;box-sizing:border-box;font-family:oso-sans;color:var(--color-primary);padding-right:30px}.spinnerManipulativePopup .sectionConfigGrid .sectionHolder{display:flex;flex-direction:column;gap:.5rem;align-items:center;width:calc(var(--spinner-input-width)*var(--playerIcon-Zoom))}.spinnerManipulativePopup .sectionConfigGrid .sectionHolder .sectionLabel{font-size:var(--font-size-20);text-align:center;padding-bottom:.3em;margin:0 auto}.spinnerManipulativePopup .sectionConfigGrid .sectionHolder .contentInputHolder{width:100%;position:relative;height:calc(var(--spinner-input-height)*var(--playerIcon-Zoom) + 5px)}.spinnerManipulativePopup .sectionConfigGrid .sectionHolder .contentInputHolder .mathJaxWrapper{width:100% !important;height:100% !important;box-shadow:none !important;font-size:.8em !important;border-radius:7px !important;text-align:center !important;box-sizing:border-box !important;color:var(--color-primary) !important;border:1px solid var(--color-primary) !important;background-color:var(--color-secondary) !important}.spinnerManipulativePopup .sectionConfigGrid .sectionHolder .contentInputHolder .editorDiv{padding:0 .313em;padding:0 !important;box-sizing:border-box;text-align:center !important;box-sizing:border-box !important;font-size:var(--font-size-20) !important;line-height:calc(var(--spinner-input-height)*var(--playerIcon-Zoom))}.spinnerManipulativePopup .sectionConfigGrid .sectionHolder .contentInputHolder .keypadWrapper{left:50%;bottom:20px;z-index:999;position:fixed;transform-origin:center bottom;transform:translateX(-50%)}.spinnerManipulativePopup .sectionConfigGrid .sectionHolder .mathEditor_disable .editorDiv{opacity:.3;color:#274e9f;background:#fff;border:.063rem solid var(--border-color);user-select:none !important}.spinnerManipulativePopup .sectionConfigGrid .sectionHolder .bottomContainer{display:flex;width:100%;justify-content:center;gap:5px}.spinnerManipulativePopup .sectionConfigGrid .sectionHolder .bottomContainer .mathTextBtn{position:relative;width:30px;height:30px;margin:auto 0}.spinnerManipulativePopup .sectionConfigGrid .sectionHolder .bottomContainer .mathTextBtn .tooltipContainer{z-index:1002}.spinnerManipulativePopup .sectionConfigGrid .sectionHolder .bottomContainer .imageType5Btn_disable{opacity:.3;background:rgba(0,0,0,0)}.spinnerManipulativePopup .sectionConfigGrid .sectionHolder .bottomContainer .colorBtnWrapper{position:relative}.spinnerManipulativePopup .sectionConfigGrid .sectionHolder .bottomContainer .colorBtnWrapper .colorBtn{width:30px;height:30px;min-width:30px;min-height:30px;border-radius:50%;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;overflow:hidden}.spinnerManipulativePopup .sectionConfigGrid .sectionHolder .bottomContainer .colorBtnWrapper .colorBtn:disabled{opacity:.4;cursor:default}.spinnerManipulativePopup .sectionConfigGrid .sectionHolder .bottomContainer .colorBtnWrapper .colorBtnLabel{font-family:oso-sans;font-weight:700;font-size:.75rem;color:var(--text-primary)}.spinnerManipulativePopup .sectionConfigGrid .sectionHolder .bottomContainer .inputCSS{width:100%;height:100%;box-shadow:none;text-align:center;font-family:oso-sans;color:var(--color-primary);font-size:var(--font-size-18);background:var(--color-secondary);border:1px solid var(--color-primary);width:26%;padding:0px;height:auto}.spinnerManipulativePopup .sectionConfigGrid .sectionHolder .bottomContainer .inputStyle.inputStyle_disable{opacity:.3;pointer-events:none}.spinnerManipulativePopup .sectionConfigGrid .sectionHolder .bottomContainer .percentSign{display:flex;align-items:center;font-size:var(--font-size-20)}.spinnerManipulativePopup .colorPaletteOverlay{margin-top:1em;overflow:hidden;position:absolute;bottom:24px}.spinnerManipulativePopup .colorPaletteOverlay .colorPaletteContainer{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;background:#b7bcd7;border-radius:999px;padding:.5em;gap:max(.5vw,.5vh);gap:max(.5dvw,.5dvh);transform:translateY(50px);opacity:0;transition:.5s all;border:1px solid var(--color-primary)}.spinnerManipulativePopup .colorPaletteOverlay .colorPaletteContainer .colorBtn{padding:0px;margin:0px;border:none;cursor:pointer;width:30px;height:30px;min-width:30px;min-height:30px;background:rgba(0,0,0,0)}.spinnerManipulativePopup .footerActionsButtons{padding-right:30px;box-sizing:border-box}@media(min-width: 1921px){.manipulativePopup.spinners{--popup-width: 64vw}}@media(min-width: 1601px)and (max-width: 1920px){.manipulativePopup.spinners{--popup-width: 64vw;--popup-width: 64dvw}}@media(min-width: 1367px)and (max-width: 1600px){.manipulativePopup.spinners{--popup-width: 64vw;--popup-width: 64dvw}.manipulativePopup.spinners .spinnerManipulativePopup{--spinner-input-width: 145px;--spinner-scale-value: 0.7}}@media(min-width: 1201px)and (max-width: 1366px){.manipulativePopup.spinners{--popup-width: 80vw;--popup-width: 80dvw}.manipulativePopup.spinners .spinnerManipulativePopup{--spinner-scale-value: 0.5;--spinner-input-width: 145px;--spinner-input-height: 50px}}@media(min-width: 1081px)and (max-width: 1200px){.manipulativePopup.spinners{--popup-width: 80vw;--popup-width: 80dvw}.manipulativePopup.spinners .spinnerManipulativePopup{--spinner-scale-value: 0.5;--spinner-input-width: 137px;--spinner-input-height: 50px}.spinnerManipulativePopup .spinnerControlsRow .buildSpinnerGroup .incDecGroup .sectionCountDisplay{padding:.2rem 1rem .3rem 1rem;min-width:4rem}}@media(max-width: 1080px){.manipulativePopup.spinners{--popup-width: 80vw;--popup-width: 80dvw}.manipulativePopup.spinners .spinnerManipulativePopup{--spinner-scale-value: 0.4;--spinner-input-width: 120px;--spinner-input-height: 50px}.spinnerManipulativePopup .spinnerControlsRow .buildSpinnerGroup .incDecGroup .sectionCountDisplay{padding:.2rem 1rem .3rem 1rem;min-width:3.475rem}}
.numberLinePopupWrapper{height:100%;--text-primary: #293273;--color-primary: #293273;color:var(--text-primary);font-size:var(--font-size-25);--dropDown-height: 45px}.numberLinePopupWrapper .scrollbarHolder{padding:30px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;box-sizing:border-box;height:100%;padding-bottom:0px;padding-right:0px}.numberLinePopupWrapper .scrollbarHolder .customScrollbarContainer .customScrollbarContent{position:absolute}.numberLinePopupWrapper .customHr{grid-column:1/-1;border:none;border-bottom:.0625rem solid var(--color-primary);margin:0}.numberLinePopupWrapper .numberLinePopup{display:flex;flex-direction:column;gap:.75rem;padding-right:30px;box-sizing:border-box;height:100%}.numberLinePopupWrapper .numberLinePreview{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:200px;height:auto;overflow:hidden}.numberLinePopupWrapper .nlPreviewTruncatedMsg{text-align:center;font-size:var(--font-size-25);color:var(--color-primary);margin-top:.5rem;font-family:"oso-sans"}.numberLinePopupWrapper .numberLinePreview-svg{max-width:100%}.numberLinePopupWrapper .popupDivider{width:100%;height:.0625rem;background-color:rgba(26,41,86,.2)}.numberLinePopupWrapper .popupRow{display:flex;align-items:center;gap:.75rem;padding:10px 0}.numberLinePopupWrapper .popupRow .inputWrapper{display:flex;flex-wrap:nowrap;justify-content:center;align-items:center;gap:10px}.numberLinePopupWrapper .popupRowType{display:grid;grid-template-columns:.2fr 1fr;align-items:center;padding-right:10px}.numberLinePopupWrapper .popupRowType .numberLineRadio{display:flex;gap:0px;flex-direction:row;justify-content:center;padding:10px 0;flex-wrap:wrap;row-gap:10px}.numberLinePopupWrapper .popupRowType .numberLineRadio .customRadioItem{justify-content:center;--text-size: var(--font-size-25);border-right:1px solid #707070;flex:1 1 auto;padding:0 10px}.numberLinePopupWrapper .popupRowNumberDisplay{display:flex;align-items:center;justify-content:center;width:100%;padding-top:25px}.numberLinePopupWrapper .dropdownField2{font-size:var(--font-size-25);width:max-content}.numberLinePopupWrapper .dropdownField2 .dropdownList .dropdownOption{font-size:var(--font-size-25)}.numberLinePopupWrapper .dropdownField2 .dropdownTrigger{min-height:var(--dropDown-height);height:auto;width:390px}.numberLinePopupWrapper .dropdownField2 .dropdownTrigger .dropDownBtnGrid .dropDownSelected{font-size:var(--font-size-25);word-break:break-word}.numberLinePopupWrapper .popupRowLabel{font-family:"oso-sans";font-size:var(--font-size-25, 0.9375rem);font-weight:700;color:var(--text-primary);white-space:nowrap;min-width:4rem;border-right:1px solid #707070;padding-left:10px;box-sizing:border-box}.numberLinePopupWrapper .popupRowDivider{width:0;height:40px;flex-shrink:0;border:1px solid #707070}.numberLinePopupWrapper .popupRowOptions{justify-content:space-evenly}.numberLinePopupWrapper .popupRowInputs{justify-content:center;flex-wrap:wrap;gap:20px}.numberLinePopupWrapper .inputLabel{font-family:"oso-sans",sans-serif;font-size:var(--font-size-25, 0.9375rem);font-weight:700;color:var(--text-primary);white-space:nowrap}.numberLinePopupWrapper .numberLineInput{width:auto;height:auto;box-shadow:none;border:1px solid var(--color-primary);border-radius:5px;background-color:#fff;text-align:center;font-family:"oso-sans";font-size:var(--font-size-25);color:var(--text-primary);background:#fff;outline:none;min-height:50px;height:auto;width:5vw}.numberLinePopupWrapper .checkboxLabel{font-family:"oso-sans",sans-serif;font-size:var(--font-size-25, 0.9375rem);color:var(--text-primary)}.numberLinePopupWrapper .disabled{opacity:.4;pointer-events:none}.numberLinePopupWrapper .popupRowNumberType{gap:1rem}.numberLinePopupWrapper .nlDropdown{min-width:10rem}.numberLinePopupWrapper .nlValueGroup{display:flex;flex-direction:column;align-items:center;gap:.25rem}.numberLinePopupWrapper .nlValueInputs{display:flex;align-items:center;gap:10px}.numberLinePopupWrapper .nlFractionInputGroup{display:flex;flex-direction:column;align-items:center;gap:0}.numberLinePopupWrapper .nlFractionBar{width:100%;height:.125rem;background-color:var(--color-primary);margin:10px 0px}.numberLinePopupWrapper .numberLineInput.inputError{border-color:#ff0318 !important}.numberLinePopupWrapper .inputErrorText{color:#ff0318;font-family:"oso-sans";font-size:var(--font-size-20);min-height:0;max-height:0;overflow:hidden;transition:max-height .2s ease}.numberLinePopupWrapper .inputErrorText.visible{min-height:1.25rem;max-height:3rem}.numberLinePopupWrapper .numberLineInput.inputWarning{border-color:#ff0318 !important}.numberLinePopupWrapper .nlWarningsFixed{position:relative;padding-right:30px;height:fit-content;width:100%;text-align:center;padding-top:20px;box-sizing:border-box;display:flex;justify-content:center;align-items:center}.numberLinePopupWrapper .nlWarningItem{position:absolute;opacity:0;pointer-events:none;font-family:"oso-sans";font-size:var(--font-size-20);transition:opacity .2s ease;top:0px}.numberLinePopupWrapper .nlWarningItem.active{opacity:1;pointer-events:auto}.numberLinePopupWrapper .inputErrorTextFixed{color:#ff0318}.numberLinePopupWrapper .inputWarningText{color:#ff0318}.numberLinePopupWrapper .footerActionsButtons{padding-right:30px;box-sizing:border-box}@media(min-width: 1921px){.manipulativePopup.numberLines{--popup-width: 70vw}}@media(min-width: 1601px)and (max-width: 1920px){.manipulativePopup.numberLines{--popup-width: 75vw}}@media(min-width: 1367px)and (max-width: 1600px){.manipulativePopup.numberLines{--popup-width: 80vw}}@media(min-width: 1201px)and (max-width: 1366px){.manipulativePopup.numberLines{--popup-width: 80vw}}@media(min-width: 1081px)and (max-width: 1200px){.manipulativePopup.numberLines{--popup-width: 80vw}}@media(max-width: 1080px){.manipulativePopup.numberLines{--popup-width: 80vw}}
.coloredTilesPopup{height:100%;font-family:oso-sans;font-size:var(--font-size-25);box-sizing:border-box;touch-action:none;--color-primary: #293273;--color-secondary: #ffffff}.coloredTilesPopup .holder{padding:1.25rem 1.25rem;padding-bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:space-between;box-sizing:border-box;height:100%;font-family:"oso-sans";color:var(--color-primary);padding-right:0rem}.coloredTilesPopup .holder .customScrollbarContainer .customScrollbarContent{position:absolute}.coloredTilesPopup .holder .footerActionsButtons .outputBtn{padding:.15em .7em}.coloredTilesPopup .scrollbarContent{padding-right:1.25rem;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:1.5625rem}.coloredTilesPopup .coloredTilesHeader{display:flex;align-items:center;padding:.625rem .875rem;border-radius:23px;border:3px solid #5063ae;box-shadow:0 .12em .5em rgba(0,0,0,.08);width:100%;box-sizing:border-box;gap:.625rem}.coloredTilesPopup .coloredTilesHeader .title{font-size:var(--font-size-25);font-weight:bold;color:var(--color-primary);white-space:nowrap;padding-right:.625rem}.coloredTilesPopup .coloredTilesTypeSelector{border:none;width:100%;margin:0;padding:0}.coloredTilesPopup .coloredTilesTypeSelector .customRadioGroup{display:flex;align-items:center;width:100%}.coloredTilesPopup .coloredTilesRadioInline{display:flex;flex-direction:row;align-items:center;gap:0}.coloredTilesPopup .coloredTilesRadioInline .customRadioItem{width:100%;border-left:.0625rem solid #707070;justify-content:center;padding:.3125rem 1.25rem;cursor:default}.coloredTilesPopup .coloredTilesRadioInline .customRadioItem:first-child{border-left:none}.coloredTilesPopup .coloredTilesTypeSelector .customRadioLabel{display:flex;align-items:center;gap:.5rem;margin-left:.625rem}.coloredTilesPopup .coloredTilesMainArea{width:100%;flex:1;display:flex;flex-direction:row;align-items:stretch;gap:1.25rem;box-sizing:border-box;min-height:0;position:relative}.coloredTilesPopup .randomControls{width:300px;display:flex;flex-direction:column;gap:.9375rem;padding:1.25rem;box-sizing:border-box;justify-content:center;position:absolute;left:0;top:50%;transform:translateY(-50%);z-index:10}.coloredTilesPopup .randomControls .toggleBox{display:flex;align-items:center;justify-content:center;width:25.0625rem;height:112px;gap:20px;border:1px solid rgba(112,112,112,.3);border-radius:10px;background-color:hsla(0,0%,100%,.3)}.coloredTilesPopup .randomControls .toggleBox.disabled{opacity:.3;cursor:none;pointer-events:none}.coloredTilesPopup .randomControls .toggleBox .toggleLabel{font-weight:bold;font-size:var(--font-size-22);color:var(--color-primary)}.coloredTilesPopup .randomControls .toggleBox .togglePill{width:6.4375rem !important}.coloredTilesPopup .randomControls .toggleBox .onOffToggle{width:100%}@media(max-width: 1280px){.coloredTilesPopup .randomControls{padding-left:0 !important}.coloredTilesPopup .randomControls .toggleBox{width:fit-content !important;height:fit-content !important;padding:.875rem !important}.coloredTilesPopup .randomControls .toggleBox .toggleLabel{font-size:1rem !important}.coloredTilesPopup .randomControls .toggleBox .togglePill{width:5.625rem !important}.coloredTilesPopup .randomControls .toggleBox .togglePill .toggleBtn{font-size:.875rem !important}}@media(min-width: 1281px){.coloredTilesPopup .randomControls{padding:12px !important}.coloredTilesPopup .randomControls .toggleBox{width:17.5rem !important;height:3.25rem !important;padding:1rem !important}.coloredTilesPopup .randomControls .toggleBox .toggleLabel{font-size:1rem !important}.coloredTilesPopup .randomControls .toggleBox .togglePill{width:5.625rem !important}}@media(min-width: 1366px){.coloredTilesPopup .randomControls{padding:0 !important}.coloredTilesPopup .randomControls .toggleBox{width:19.375rem !important;height:5.625rem !important;padding:0 !important}.coloredTilesPopup .randomControls .toggleBox .toggleLabel{font-size:var(--font-size-22) !important}.coloredTilesPopup .randomControls .toggleBox .togglePill{width:6.4375rem !important;height:3.1875rem}.coloredTilesPopup .randomControls .toggleBox .togglePill .toggleBtn{font-size:1.125rem !important}}@media(min-width: 1920px)and (max-height: 1080px){.coloredTilesPopup .randomControls{padding-left:3.125rem !important}.coloredTilesPopup .randomControls .toggleBox{display:flex;align-items:center;justify-content:center;width:25.0625rem !important;height:6.875rem !important;gap:20px;border:1px solid rgba(112,112,112,.3);border-radius:10px;background-color:hsla(0,0%,100%,.3)}.coloredTilesPopup .randomControls .toggleBox .toggleLabel{font-weight:bold !important;font-size:1.5625rem !important;color:var(--color-primary) !important}.coloredTilesPopup .randomControls .toggleBox .togglePill{width:6.4375rem !important}}.coloredTilesPopup .coloredTilesPreview{flex:1;width:100%;height:100%;display:flex;align-items:center;justify-content:center;box-sizing:border-box;overflow:hidden;padding:2.5rem}.coloredTilesPopup .coloredTilesPreview .coloredTilesWrapper{position:relative !important}.coloredTilesPopup .coloredTilesPreview .coloredTilesWrapper .coloredTiles{background:#fff !important}.coloredTilesPopup .coloredTilesPreview .coloredTilesWrapper .coloredTiles .cell{font-size:1.125rem !important}.coloredTilesPopup .operationContainer{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;width:100%;font-family:oso-sans;font-size:var(--font-size-25);box-sizing:border-box}.coloredTilesPopup .operationContainer .headerWrapper{display:flex;flex-wrap:nowrap;gap:max(1vw,1vh);gap:max(1dvw,1dvh);width:80%;flex-direction:row;justify-content:space-between;color:var(--color-primary);font-size:var(--font-size-25)}@media(max-width: 97.5rem)and (min-width: 81.25rem){.coloredTilesPopup .operationContainer .headerWrapper{zoom:.85}}@media(max-width: 81.1875rem)and (min-width: 67.5625rem){.coloredTilesPopup .operationContainer .headerWrapper{zoom:.7}}@media(max-width: 67.5rem){.coloredTilesPopup .operationContainer .headerWrapper{flex-wrap:wrap}}.coloredTilesPopup .operationContainer .headerWrapper .leftContainer{display:flex;align-items:center;white-space:nowrap}.coloredTilesPopup .operationContainer .headerWrapper .rightContainer{display:flex;align-items:center;justify-content:flex-end;white-space:nowrap}.coloredTilesPopup .operationContainer .headerWrapper .incDecBtn{width:calc(var(--playerIcon-Zoom)*1.875rem);height:calc(var(--playerIcon-Zoom)*1.875rem);padding:0rem;margin:0rem;background:var(--color-secondary);border:.0625rem solid var(--color-primary);border-radius:50%;cursor:pointer;box-sizing:border-box}.coloredTilesPopup .operationContainer .headerWrapper .incDecBtn_hover{background:var(--color-primary)}.coloredTilesPopup .operationContainer .headerWrapper .incDecBtn_activeDisable{opacity:.3;pointer-events:none;cursor:default}.coloredTilesPopup .operationContainer .headerWrapper .incDecBtn_disable{opacity:.3;pointer-events:none;cursor:default}.coloredTilesPopup .operationContainer .headerWrapper .displayCount{border:.0625rem solid var(--color-primary);display:flex;align-items:center;justify-content:center;border-radius:.3125rem;margin:0rem .625rem;font-weight:normal;font-size:calc(var(--zoomed-font-size-1)*1.2);padding:3.2px 24px 4.8px 24px;user-select:none;background:var(--color-secondary);min-width:77px;box-sizing:border-box}.coloredTilesPopup .operationContainer .headerWrapper .displayCount_disable{opacity:.3}.coloredTilesPopup .dividerLine{background:var(--color-primary);height:75%;width:.0625rem;margin:0rem 1.25rem;opacity:70%}.coloredTilesPopup .seperatorLine{background:var(--color-primary);height:.0625rem;width:100%;margin:.625rem 0rem}
.className-eraserPopup .popupContent{overflow:hidden}.className-eraserPopup .eraserWrapper{left:0;top:0;width:100%;height:100%;z-index:10;display:flex;align-items:center;justify-content:center;transition:.5s all;--color-primary: #293273;--color-secondary: #ffda70;--color-3: #edeff8}.className-eraserPopup .container{position:relative;background:#fff;border-radius:30px;text-align:center;padding-bottom:0;min-width:574px;min-height:271px;display:flex;align-items:center;flex-direction:column;overflow:hidden}.className-eraserPopup .upperPart{padding:40px 40px;display:flex;flex-direction:column;align-items:center;gap:35px;display:flex;flex-direction:column;align-items:center;gap:35px;flex-grow:1;justify-content:center;width:100%;box-sizing:border-box}.className-eraserPopup .title{font-family:oso-sans;font-size:var(--zoomed-font-size-3);color:var(--color-primary)}.className-eraserPopup .customBtn{font-size:var(--zoomed-font-size-1);font-weight:normal;width:auto;padding:.3rem 1rem;height:auto}.className-eraserPopup .btn_hover{color:var(--color-primary);background:var(--color-secondary)}.className-eraserPopup .footer{background:var(--color-primary);display:flex;border-bottom-left-radius:16px;border-bottom-right-radius:16px;overflow:hidden;width:100%;padding:10px;box-sizing:border-box;position:relative}.className-eraserPopup .btnContainer{width:100%;display:flex;align-items:center;justify-content:center;gap:10%}.className-eraserPopup .footerImageHolder{width:100%;height:37px;overflow:hidden;display:flex;align-items:flex-end;background-size:100%}.className-eraserPopup .bgImage{bottom:0;left:0;width:100%}@media(max-width: 1080px){.className-eraserPopup .container{min-width:500px;min-height:215px}.className-eraserPopup .footerImageHolder{height:25px}}
.toolBottomPanelContainer{position:fixed;left:50%;transform:translateX(-50%);z-index:1000;pointer-events:none}.toolBottomPanelContainer .toolBottomPanel{pointer-events:auto}.toolBottomPanelContainer .toolBtn,.toolBottomPanelContainer .toolBtn span{width:var(--zoomed-icon-size);height:var(--zoomed-icon-size)}.toolBottomPanelContainer .bottomPanelToolContainer{height:calc(var(--zoomed-icon-size) + 10px);border:none;border-radius:calc(var(--zoomed-icon-size) + 10px)}.toolBottomPanelContainer .dividerLine{width:0px}
.drawer-container{position:fixed;right:0;bottom:0;z-index:900;pointer-events:none;display:flex;align-items:center;transition:transform .3s cubic-bezier(0.25, 1, 0.5, 1);--drawer-width: 100%;background:#fff}.drawer-container.drawer-closed{transform:translateX(var(--drawer-width, 100%))}.drawer-container.drawer-closed .drawer-content{overflow:hidden}.drawer-container.drawer-open{transform:translateX(0)}.drawer-container .drawer-content{background-color:#dbdff0;background:linear-gradient(180deg, rgba(219, 223, 240, 0) 0%, rgb(219, 223, 240) 20%, rgb(219, 223, 240) 80%, rgba(219, 223, 240, 0) 100%);border:none;border-radius:0;height:100%;width:-moz-fit-content !important;width:-webkit-fit-content !important;width:fit-content !important;padding:0;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:auto;position:relative}.drawer-container .drawer-content::before{content:"";position:absolute;top:0;left:0;right:0;height:60px;background:linear-gradient(to bottom, #dbdff0 30%, rgba(219, 223, 240, 0), 100%);z-index:20;pointer-events:none}.drawer-container .drawer-content::after{content:"";position:absolute;bottom:0;left:0;right:0;height:60px;background:linear-gradient(to top, #dbdff0 30%, rgba(219, 223, 240, 0), 100%);z-index:20;pointer-events:none}.drawer-container .drawer-content .fraction-overlay-popup{display:flex;align-items:center;justify-content:center;padding:4px 8px;background:#fff;border-radius:999px;box-shadow:0 2px 6px rgba(0,0,0,.15);margin-top:8px;margin-bottom:8px;pointer-events:auto}.drawer-container .drawer-content .fraction-overlay-buttons{display:flex;gap:4px}.drawer-container .drawer-content .fraction-overlay-button{min-width:28px;padding:2px 6px;border-radius:6px;border:1px solid #c7d2f3;background:#f4f6ff;color:#293273;font-size:11px;font-family:oso-sans,sans-serif;cursor:pointer;transition:all .2s ease}.drawer-container .drawer-content .fraction-overlay-button:hover{background:#e8ebff;border-color:#a0b0e0}.drawer-container .drawer-content .fraction-overlay-button.active{background:#293273;color:#fff;border-color:#293273}.drawer-container .drawer-content ._btnHolder button span{width:auto;height:auto}.drawer-container .drawer-content .collapsibleRight .elemsNormalCSS_hover{background:var(--color-2)}.drawer-container:has(.patternShapes){--zoomed-icon-size: 90px}.drawer-container:has(.coloredTiles){--drawer-width: 200px !important}@media(min-height: 1024px){.drawer-container:has(.coloredTiles){--drawer-width: 134px !important}}.drawer-container:has(.coloredTiles) .drawer-content{min-width:200px !important}@media(min-height: 1024px){.drawer-container:has(.coloredTiles) .drawer-content{width:134px !important;min-width:134px !important}}.drawer-toggle-btn{position:absolute;right:100%;top:50%;transform:translateY(-50%);width:34px;height:50px;background-color:#dbdff0;color:#5063ae;border-radius:12px 0 0 12px;display:flex !important;align-items:center !important;justify-content:center !important;padding:0 !important;cursor:pointer;outline:none;border:none;pointer-events:auto}.drawer-toggle-btn .curve-connector{position:absolute;right:0;width:10px;height:10px;pointer-events:none;display:flex}.drawer-toggle-btn .curve-connector img{width:100%;height:100%;display:block}.drawer-toggle-btn .curve-connector.top{bottom:100%}.drawer-toggle-btn .curve-connector.bottom{top:100%;transform:scaleY(-1)}.drawer-toggle-btn:hover{filter:brightness(0.97)}.drawer-toggle-btn svg{display:block;margin:auto;width:22px;height:22px}.tokenSettingBtnWrapper{position:absolute;right:100%;pointer-events:none;overflow:visible}.tokenSettingBtnWrapper.token-setting-top{top:10px}.tokenSettingBtnWrapper.token-setting-bottom{bottom:10px}@media(max-height: 500px){.tokenSettingBtnWrapper.token-setting-top{top:5px}.tokenSettingBtnWrapper.token-setting-bottom{bottom:5px}}.token-setting-slider{--token-panel-width: calc(var(--zoomed-icon-size) * 5);position:relative;display:flex;flex-direction:row;align-items:center;left:var(--token-panel-width);pointer-events:none}.token-setting-slider:has(.multi-column){--token-panel-width: calc(var(--zoomed-icon-size) * 6.2)}.token-setting-slider.open{left:0;pointer-events:auto}.token-setting-slider .token-setting-btn{pointer-events:auto}.token-setting-btn{width:34px;height:50px;background-color:#dbdff0;color:#5063ae;border-radius:12px 0 0 12px;display:flex;align-items:center;justify-content:center;padding:0;cursor:pointer;outline:none;border:none;flex-shrink:0}.token-setting-btn:hover{filter:brightness(0.97)}.token-setting-btn.active{background-color:#b7bfe1}.token-setting-btn svg{display:block;margin:auto;width:22px;height:22px}.static-tools-container{display:flex;flex-direction:column;align-items:center;width:100%;gap:10px;margin-bottom:10px;flex-shrink:0;z-index:11;position:relative}.rightSideToolPanel .token-group{display:flex;flex-direction:column;gap:10px}.rightSideToolPanel.bottomPanelToolContainer{position:relative;height:calc(100% - 40px);width:auto;min-width:calc(var(--zoomed-icon-size) + 45px);max-width:calc((var(--zoomed-icon-size) + 10px)*3 + 20px);background:rgba(0,0,0,0);border:none;padding:0 10px !important;display:inline-flex;flex-direction:column;flex-wrap:wrap;direction:rtl;align-content:center !important;justify-content:center;align-items:center;gap:10px 10px !important;overflow:visible !important}.rightSideToolPanel.bottomPanelToolContainer .buttonWrapper{display:flex;flex-direction:column;align-items:center;width:auto;direction:ltr}.rightSideToolPanel.bottomPanelToolContainer .buttonWrapper::after,.rightSideToolPanel.bottomPanelToolContainer .buttonWrapper::before{display:none}.rightSideToolPanel.bottomPanelToolContainer .toolBtn,.rightSideToolPanel.bottomPanelToolContainer .static-tools-btn,.rightSideToolPanel.bottomPanelToolContainer svg,.rightSideToolPanel.bottomPanelToolContainer img{direction:ltr}.rightSideToolPanel.bottomPanelToolContainer .toolBtn,.rightSideToolPanel.bottomPanelToolContainer .static-tools-btn{width:var(--zoomed-icon-size) !important;height:var(--zoomed-icon-size) !important;min-width:var(--zoomed-icon-size);min-height:var(--zoomed-icon-size);flex-shrink:0;flex-grow:0;flex-basis:auto;box-sizing:border-box;display:flex;align-items:center;justify-content:center;border:none;border-radius:50%;transition:background-color .2s ease;cursor:pointer;opacity:1}.rightSideToolPanel.bottomPanelToolContainer .toolBtn span,.rightSideToolPanel.bottomPanelToolContainer .static-tools-btn span{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.rightSideToolPanel.bottomPanelToolContainer .static-tools-btn:hover{background-color:#293272;border-radius:50%;position:relative}.rightSideToolPanel.bottomPanelToolContainer .static-tools-btn:hover svg,.rightSideToolPanel.bottomPanelToolContainer .static-tools-btn:hover img{color:#fff}.rightSideToolPanel.bottomPanelToolContainer .toolBtn_active{background-color:#293272}.rightSideToolPanel.bottomPanelToolContainer .toolBtn_active.toolBtn_hover{background-color:#ffda70}.rightSideToolPanel.bottomPanelToolContainer .LCDDisplay{font-size:var(--font-size-22);padding:.8em 1.2em;font-family:"DIGIFACE";font-style:normal;font-weight:400;font-weight:600;background-color:#e7e7e9;color:#293171;border-radius:5px;border:1px solid #293273}.rightSideToolPanel.bottomPanelToolContainer .LCDDisplay.toolBtn_hover{color:#fff;border-radius:5px;border:1px solid #293171;background-color:#293171}.rightSideToolPanel.bottomPanelToolContainer .LCDDisplay.toolBtn_active{background-color:#293171;color:#fff;border-radius:5px;border:1px solid #293171}.rightSideToolPanel.bottomPanelToolContainer .LCDDisplay.toolBtn_activeHover{background-color:#ffda70;color:#293171;border-radius:5px;border:1px solid #293171}.rightSideToolPanel.bottomPanelToolContainer .toolBtn svg,.rightSideToolPanel.bottomPanelToolContainer .toolBtn img,.rightSideToolPanel.bottomPanelToolContainer .static-tools-btn svg,.rightSideToolPanel.bottomPanelToolContainer .static-tools-btn img{width:100%;height:auto;object-fit:contain;display:block;margin:0 auto;color:#5063ae;transition:transform .2s,filter .2s;pointer-events:none}.rightSideToolPanel.bottomPanelToolContainer .dividerLine{border-bottom:1px solid gray;height:0;background-color:rgba(0,0,0,0);width:35%;margin:5px 0;flex-shrink:0}.rightSideToolPanel.bottomPanelToolContainer .iconBtnWrapper{display:flex;flex-direction:column;align-items:center;gap:4px;direction:ltr}.rightSideToolPanel.bottomPanelToolContainer .iconBtnWrapper .iconBtnLabel{font-size:14px;font-family:oso-sans,sans-serif;color:#293273;font-weight:400;white-space:normal;text-align:center;overflow:visible;max-width:80px;word-wrap:break-word}.rightSideToolPanel.bottomPanelToolContainer .iconBtnWrapper:has(.toolBtn_disable) .iconBtnLabel{opacity:.45}.rightSideToolPanel.bottomPanelToolContainer .iconBtnWrapper.reverseBeads .iconBtnLabel{font-size:var(--font-size-20);white-space:normal;width:calc(80px*var(--playerIcon-Zoom));max-width:calc(80px*var(--playerIcon-Zoom))}.rightSideToolPanel.bottomPanelToolContainer .iconBtnWrapper[class*=nmp_] .iconBtnLabel{font-size:var(--font-size-20);white-space:nowrap;max-width:none;width:auto;min-width:auto}.rightSideToolPanel.bottomPanelToolContainer .groupedBtnWrapper{display:flex;flex-direction:column;align-items:center;gap:4px;direction:ltr}.rightSideToolPanel.bottomPanelToolContainer .groupedBtnWrapper .groupedBtnLabel{font-size:var(--font-size-20);font-family:oso-sans,sans-serif;color:#293273;font-weight:400;text-align:center;width:min-content}.rightSideToolPanel.bottomPanelToolContainer .groupedBtnWrapper .groupedBtnLabel.disabled{opacity:.45;pointer-events:none}.rightSideToolPanel.bottomPanelToolContainer .groupedBtnWrapper .groupedBtnGrid{display:flex;flex-direction:row;align-items:center;gap:4px}.rightSideToolPanel.bottomPanelToolContainer .groupedBtnWrapper .groupedBtnGrid.grid-2x2{display:grid;grid-template-columns:repeat(2, 1fr);grid-template-rows:repeat(2, 1fr);gap:16px 8px;position:relative;padding:4px}.rightSideToolPanel.bottomPanelToolContainer .groupedBtnWrapper .groupedBtnGrid.grid-2x2 .groupBtnNormal{border:none !important;width:var(--zoomed-icon-size);height:var(--zoomed-icon-size);border-radius:50%}.rightSideToolPanel.bottomPanelToolContainer .groupedBtnWrapper .groupedBtnGrid.grid-2x2::before{content:"";position:absolute;top:50%;left:4px;right:4px;height:1px;background-color:rgba(41,50,115,.3);transform:translateY(-50%);pointer-events:none}.rightSideToolPanel.bottomPanelToolContainer .groupedBtnWrapper .groupedBtnGrid.grid-2x2::after{content:"";position:absolute;left:50%;top:4px;bottom:4px;width:1px;background-color:rgba(41,50,115,.3);transform:translateX(-50%);pointer-events:none}.rightSideToolPanel.bottomPanelToolContainer .groupedBtnWrapper .groupedBtnGrid .groupedBtnDivider{width:.0625rem;height:1.5rem;background-color:#293273;opacity:.3}.rightSideToolPanel.bottomPanelToolContainer .groupedBtnWrapper .groupedBtnRow{display:flex;flex-direction:row;align-items:center;gap:4px}.rightSideToolPanel.bottomPanelToolContainer .groupedBtnWrapper .groupedBtnRow .groupedBtnDivider{width:.0625rem;height:1.5rem;background-color:#293273;opacity:.3}.rightSideToolPanel.bottomPanelToolContainer .groupedBtnWrapper .groupBtnNormal{width:var(--zoomed-icon-size);height:var(--zoomed-icon-size)}.rightSideToolPanel.bottomPanelToolContainer .groupedBtnWrapper .groupBtnNormal_disable,.rightSideToolPanel.bottomPanelToolContainer .groupedBtnWrapper .groupBtnNormal_activeDisable{opacity:.7}.rightSideToolPanel.bottomPanelToolContainer .toggleBtnWrapper{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;direction:ltr}.rightSideToolPanel.bottomPanelToolContainer .toggleBtnWrapper .toggleTitle{font-size:14px;font-family:oso-sans,sans-serif;color:#293273;font-weight:400;white-space:normal;text-align:center;max-width:80px;word-wrap:break-word}.rightSideToolPanel.bottomPanelToolContainer .toggleBtnWrapper:has(.togglePill_disable) .toggleTitle{opacity:.45}.rightSideToolPanel.bottomPanelToolContainer .toggleBtnWrapper .togglePill{width:32px;height:auto;min-width:unset;padding:3px;border-radius:1rem;flex-direction:column}.rightSideToolPanel.bottomPanelToolContainer .toggleBtnWrapper .togglePill .pillBtn{font-size:10px;min-width:24px;min-height:24px;aspect-ratio:1}.rightSideToolPanel.bottomPanelToolContainer .toggleBtnWrapper .togglePill .toggleIndicator{aspect-ratio:1;border-radius:50%}.rightSideToolPanel.bottomPanelToolContainer .toggleBtnWrapper[class*=nmp_animation] .toggleTitle{width:calc(93px*var(--playerIcon-Zoom));max-width:calc(93px*var(--playerIcon-Zoom));font-size:var(--font-size-20)}.rightSideToolPanel.bottomPanelToolContainer .toggleBtnWrapper[class*=nmp_animation] .togglePill{width:auto;height:auto;flex-direction:row;border-radius:calc(var(--font-size-20)*2);padding:calc(var(--font-size-20)*.16);gap:calc(var(--font-size-20)*.2)}.rightSideToolPanel.bottomPanelToolContainer .toggleBtnWrapper[class*=nmp_animation] .togglePill .pillBtn{font-size:var(--font-size-20);width:calc(var(--font-size-20)*2);height:calc(var(--font-size-20)*2);min-width:calc(var(--font-size-20)*2);min-height:calc(var(--font-size-20)*2)}.rightSideToolPanel.bottomPanelToolContainer .toggleBtnWrapper[class*=nmp_animation] .togglePill .toggleIndicator{border-radius:50%;width:calc(var(--font-size-20)*2) !important;height:calc(var(--font-size-20)*2) !important}.rightSideToolPanel.bottomPanelToolContainer .btnGroupWrapper{display:flex;flex-direction:column;align-items:center}.rightSideToolPanel.bottomPanelToolContainer .btnGroupWrapper .dividerLine{width:75%}.bottomPanelToolContainer .toggleBtnWrapper[class*=fractionOverlayShading] .toggleTitle{width:calc(93px*var(--playerIcon-Zoom));max-width:calc(93px*var(--playerIcon-Zoom));font-size:var(--font-size-20)}.bottomPanelToolContainer .toggleBtnWrapper[class*=fractionOverlayShading] .togglePill{width:auto;height:auto;flex-direction:row;border-radius:calc(var(--font-size-20)*2);padding:calc(var(--font-size-20)*.16);gap:calc(var(--font-size-20)*.2)}.bottomPanelToolContainer .toggleBtnWrapper[class*=fractionOverlayShading] .togglePill .pillBtn{font-size:var(--font-size-20);width:calc(var(--font-size-20)*2);height:calc(var(--font-size-20)*2);min-width:calc(var(--font-size-20)*2);min-height:calc(var(--font-size-20)*2)}.bottomPanelToolContainer .toggleBtnWrapper[class*=fractionOverlayShading] .togglePill .toggleIndicator{border-radius:50%;width:calc(var(--font-size-20)*2) !important;height:calc(var(--font-size-20)*2) !important}.rightSideToolPanel .collapsibleOptionHolder{background:var(--color-primary1);flex-direction:row-reverse !important}.rightSideToolPanel.bottomPanelToolContainer.moneyPiece,.rightSideToolPanel.bottomPanelToolContainer.numberPiece{gap:3px 10px !important;width:auto;min-width:auto;max-width:none !important;align-items:center !important;justify-content:center}.rightSideToolPanel.bottomPanelToolContainer.patternShapes{--zoomed-icon-size: 90px;height:95% !important;gap:2px 2px !important;width:auto !important;min-width:auto !important;max-width:none !important;padding:6px 10px !important;justify-content:flex-start !important;align-content:center !important}.rightSideToolPanel.bottomPanelToolContainer.patternShapes .buttonWrapper{width:auto !important}.rightSideToolPanel.bottomPanelToolContainer.patternShapes .toolBtn.patternShapeBtn{width:90px !important;height:80px !important;min-width:90px !important;min-height:80px !important;border:none !important;border-radius:0 !important;background:rgba(0,0,0,0) !important;box-shadow:none !important;padding:0 !important;touch-action:none}.rightSideToolPanel.bottomPanelToolContainer.patternShapes .toolBtn.patternShapeBtn svg,.rightSideToolPanel.bottomPanelToolContainer.patternShapes .toolBtn.patternShapeBtn img{width:100% !important;height:100% !important;object-fit:contain}.rightSideToolPanel.bottomPanelToolContainer.patternShapes .toolBtn.patternShapeBtn img[src*=Trapezium]{transform:scale(1.2)}.rightSideToolPanel.bottomPanelToolContainer.patternShapes .iconBtnWrapper .toolBtn{width:30px !important;height:30px !important;min-width:30px !important;min-height:30px !important}.rightSideToolPanel.bottomPanelToolContainer.patternShapes .dividerLine{margin:2px 0 !important;width:100%;border-color:rgba(0,0,0,.2) !important}.rightSideToolPanel.bottomPanelToolContainer.patternShapes .buttonWithLabel{width:100% !important;margin-top:15px !important;margin-bottom:5px !important;gap:8px !important}.rightSideToolPanel.bottomPanelToolContainer.patternShapes button.buttonWithLabel label{font-size:18px;font-family:oso-sans,sans-serif;color:#293273}.rightSideToolPanel.bottomPanelToolContainer.patternShapes .toolBtn:hover{background-color:rgba(0,0,0,0)}.rightSideToolPanel.bottomPanelToolContainer.patternShapes .toolBtn.patternShapeBtn:hover{background:rgba(0,0,0,0) !important}.rightSideToolPanel.bottomPanelToolContainer.patternShapes .toolBtn:hover svg,.rightSideToolPanel.bottomPanelToolContainer.patternShapes .toolBtn:hover img{filter:none;color:inherit;transform:scale(1)}.rightSideToolPanel.bottomPanelToolContainer.patternShapes .dividerLine{width:90px;border:1px solid #000;opacity:.2}@media(min-height: 1024px){.rightSideToolPanel.bottomPanelToolContainer.coloredTiles .dividerLine{width:80%}}.rightSideToolPanel.bottomPanelToolContainer.arrayModel{min-width:auto !important;width:140px !important;max-width:140px !important}.rightSideToolPanel.bottomPanelToolContainer.fractionTiles{min-width:auto !important;width:auto !important;max-width:140px !important}.rightSideToolPanel.bottomPanelToolContainer.fractionTiles{min-width:8.75rem !important;padding:unset !important;justify-content:start}.rightSideToolPanel.bottomPanelToolContainer.fractionTiles.has-vertical-scroll{max-width:9.25rem !important;min-width:9.25rem !important}.rightSideToolPanel.bottomPanelToolContainer.fractionTiles:not(.has-vertical-scroll){max-width:8.75rem !important;min-width:8.75rem !important}.rightSideToolPanel.bottomPanelToolContainer.coloredTiles{width:fit-content !important;min-width:auto !important;max-width:none !important;justify-content:start !important;gap:6px !important}@media(min-height: 1024px){.rightSideToolPanel.bottomPanelToolContainer.coloredTiles{width:134px !important;min-width:134px !important;max-width:134px !important}}.rightSideToolPanel.bottomPanelToolContainer.coloredTiles .toggleBtnWrapper .togglePill{width:auto !important;flex-direction:row !important}.rightSideToolPanel.bottomPanelToolContainer.coloredTiles .groupedBtnWrapper .groupedBtnLabel{font-size:.875rem;white-space:nowrap}
.tokenSettingPanel{width:calc(var(--token-panel-width) - 20px);height:calc(var(--drawer-height, 100dvh)/2 - 20px);max-height:calc(var(--drawer-height, 100dvh) - 40px);background-color:#f5f5f5;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.15);display:flex;flex-direction:row;overflow:visible;flex-shrink:0;opacity:0;transition:opacity .3s ease;padding:10px;gap:calc(var(--zoomed-icon-size)*.2)}@media(max-height: 500px){.tokenSettingPanel{height:calc(var(--drawer-height, 100dvh) - 40px);padding:6px}}.token-setting-slider.open .tokenSettingPanel{opacity:1}.tokenColorPalette{width:calc(var(--zoomed-icon-size)*1.3);flex-shrink:0;background-color:#d6e4f0;border-radius:30px;display:flex;align-items:center;justify-content:center;overflow:visible}.tokenColorList{display:flex;flex-direction:column;flex-wrap:wrap;justify-content:space-evenly;align-items:center;align-content:center;height:100%;overflow:visible;gap:2px;padding:4px}.tokenSettingPanel.multi-column .tokenColorPalette{width:calc(var(--zoomed-icon-size)*2.2)}.tokenSettingPanel.multi-column .tokenColorList{display:grid;grid-template-columns:1fr 1fr;justify-items:center;align-content:space-evenly}.tokenSettingPanel.multi-column .tokenShapeArea{margin-right:30px}.tokenColorCircle{position:relative;width:calc(var(--zoomed-icon-size)*.667);aspect-ratio:1;border-radius:50%;border:2px solid #f9f9f9;cursor:pointer;flex-shrink:0;transition:transform .15s ease,border .15s ease,box-shadow .15s ease}.tokenColorCircle:hover{box-shadow:0 0 0 2px #5063ae}.tokenColorCircle.selected{border:2px solid #333;box-shadow:0 0 0 2px #5063ae}.tokenShapeArea{position:relative;display:flex;flex-direction:column;flex:1;min-width:0;overflow:visible;justify-content:center}.tokenShapeArea.empty-state .empty-state-message{display:flex;align-items:center;justify-content:center;height:100%;color:#999;font-size:calc(var(--zoomed-icon-size)*.3);text-align:center;padding:20px}.tokenShapeArea .empty-state-message{display:none}.tokenShapeRow{display:flex;justify-content:space-evenly;align-items:center;flex:1}.tokenShapeItem{position:relative;width:calc(var(--zoomed-icon-size)*1.33);aspect-ratio:1;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:8px;color:#555;flex-shrink:1;transition:background-color .15s ease,color .15s ease,border .15s ease,box-shadow .15s ease}.tokenShapeItem:hover{background-color:rgba(0,0,0,.08);color:#333}.tokenShapeItem.selected{background-color:rgba(80,99,174,.15);border:2px solid #5063ae;box-shadow:0 2px 8px rgba(80,99,174,.3)}.tokenShapeItem img{width:80%;height:80%;object-fit:contain;pointer-events:none}.tokenShapeItem svg{width:80%;height:80%;pointer-events:none}.tokenDividerH{width:100%;height:1px;background-color:#ccc;flex-shrink:0}.tokenDividerV{position:absolute;left:50%;top:4%;bottom:4%;width:1px;background-color:#ccc}
.draggable-token-list{display:flex;flex-direction:column;gap:10px;padding:10px;margin-top:10px;border-top:2px solid #b8bccc;background-color:rgba(219,223,240,.5)}.draggable-token-list .token-group{display:flex;flex-direction:column;gap:10px}.draggable-token-list .token-group:not(:last-child){padding-bottom:10px;border-bottom:1px solid #ccc}.draggable-token-list .token-group .token-group-label{font-size:calc(var(--zoomed-icon-size)*.25);color:#666;text-transform:uppercase;font-weight:600}.draggable-token{position:relative;width:calc(var(--zoomed-icon-size)*1.2);height:calc(var(--zoomed-icon-size)*1.2);border:2px solid #293273;border-radius:8px;cursor:grab;transition:border-color .2s ease;display:flex;align-items:center;justify-content:center}.draggable-token:hover{border-color:#5063ae}.draggable-token:active{cursor:grabbing}.draggable-token img{width:80%;height:80%;object-fit:contain;pointer-events:none}
.tablePopup .popup{position:relative;padding-bottom:80px;padding-top:40px;overflow:hidden;box-sizing:border-box}.tablePopup .popup .tableContainer{width:574px;display:flex;flex-direction:column;align-content:center;justify-content:center;align-items:center;gap:31px}.tablePopup .popup .tableContainer .text{color:#293273}.tablePopup .popup .tableContainer .title{font-size:35px;font-weight:800;font-family:"oso-sans"}.tablePopup .popup .tableContainer .tableForm{display:flex;flex-direction:column;gap:40px}.tablePopup .popup .tableContainer .tableForm .tableColumn,.tablePopup .popup .tableContainer .tableForm .tableRow{display:flex;justify-content:space-between;align-items:center;gap:40px;font-size:1.5625rem}.tablePopup .popup .tableContainer .tableForm .inputField{font-family:"oso-sans";color:#293273;font-size:25px}.tablePopup .popup .tableContainer .tableForm .tableColumn .text,.tablePopup .popup .tableContainer .tableForm .tableRow .text{font-size:25px;font-family:"oso-sans"}.tablePopup .popup .tableContainer .tableForm .submitForm{width:110px;height:40px;background:#293273;color:#fff;border:3px solid #293273;border-radius:7px;font-size:25px;font-family:"oso-sans";align-self:center}.tablePopup .popup .tableContainer .tableForm .submitForm_hover{background:#ffda70;color:#293273}.tablePopup .popup .tableContainer .tableForm .submitForm_disable{pointer-events:none;cursor:not-allowed;background:#d1d7ed;border-color:#d1d7ed;color:#9097be}.tablePopup .popup .tableContainer .bgImage{position:absolute;bottom:0;left:0;width:100%;height:37px;background:#000}
.tooManyItemsModal .popup{position:relative;padding-bottom:4.5rem;padding-top:2.5rem;overflow:hidden;box-sizing:border-box}.tooManyItemsModal .tooManyItemsContainer{width:35.875rem;display:flex;flex-direction:column;align-items:center;gap:1.9375rem;padding:.625rem;box-sizing:border-box}.tooManyItemsModal .text{color:#293273;margin:0}.tooManyItemsModal .title{font-size:var(--font-size-35);font-weight:800;font-family:oso-sans}.tooManyItemsModal .desc{font-size:var(--font-size-25);font-family:oso-sans;text-align:center}.tooManyItemsModal .outputBtn{width:auto;height:auto;font-size:var(--font-size-25);box-shadow:0 .125rem .25rem rgba(0,0,0,.1);padding:.2em 1em;padding-bottom:.25em;margin:0}.tooManyItemsModal .bgImage{position:absolute;bottom:0;left:0;width:100%;height:2.3125rem}
button,legend,img{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}math-field{--_text-font-family: 'oso-sans', sans-serif !important;--text-font-family: 'oso-sans', sans-serif !important;font-family:"oso-sans",sans-serif !important}math-field::part(content){font-family:"oso-sans",sans-serif !important}@font-face{font-family:"KaTeX_Main";src:url("https://use.typekit.net/af/e01ce3/00000000000000007759fe68/31/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"),url("https://use.typekit.net/af/e01ce3/00000000000000007759fe68/31/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"),url("https://use.typekit.net/af/e01ce3/00000000000000007759fe68/31/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");font-weight:normal;font-style:normal}@font-face{font-family:"KaTeX_Main";src:url("https://use.typekit.net/af/f0da17/00000000000000007759fe67/31/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff2"),url("https://use.typekit.net/af/f0da17/00000000000000007759fe67/31/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff"),url("https://use.typekit.net/af/f0da17/00000000000000007759fe67/31/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("opentype");font-weight:bold;font-style:normal}@font-face{font-family:"KaTeX_Main";src:url("https://use.typekit.net/af/fa5018/00000000000000007759fe6d/31/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff2"),url("https://use.typekit.net/af/fa5018/00000000000000007759fe6d/31/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff"),url("https://use.typekit.net/af/fa5018/00000000000000007759fe6d/31/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("opentype");font-weight:normal;font-style:italic}@font-face{font-family:"KaTeX_Main";src:url("https://use.typekit.net/af/b04b42/00000000000000007759fe73/31/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("woff2"),url("https://use.typekit.net/af/b04b42/00000000000000007759fe73/31/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("woff"),url("https://use.typekit.net/af/b04b42/00000000000000007759fe73/31/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("opentype");font-weight:bold;font-style:italic}@font-face{font-family:"KaTeX_Math";src:url("https://use.typekit.net/af/e01ce3/00000000000000007759fe68/31/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"),url("https://use.typekit.net/af/e01ce3/00000000000000007759fe68/31/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"),url("https://use.typekit.net/af/e01ce3/00000000000000007759fe68/31/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");font-weight:normal;font-style:normal}@font-face{font-family:"KaTeX_Math";src:url("https://use.typekit.net/af/fa5018/00000000000000007759fe6d/31/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff2"),url("https://use.typekit.net/af/fa5018/00000000000000007759fe6d/31/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff"),url("https://use.typekit.net/af/fa5018/00000000000000007759fe6d/31/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("opentype");font-weight:normal;font-style:italic}input,textarea,[contenteditable=true],[contenteditable=""],.ql-editor,.ql-container{-webkit-user-select:text !important;-moz-user-select:text !important;-ms-user-select:text !important;user-select:text !important}img{-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;user-drag:none}.mainPlayer{width:100vw;width:100dvw;height:100vh;height:100dvh;position:absolute;right:0;bottom:0;top:0;left:0}.contrast_normal{--color-primary1: #d1d7ed;--color-primary2: #5063ae;--color-primary3: #293273;--color-primary4: #2a3667;--color-primaryhover: #ffda70;--color-text1: #fff;--color-toggle: #293273;--scale-wrapper: #5063ae}.contrast_high{--color-primary1: #000;--color-primary2: #000;--color-primary3: #000;--color-primary4: #fff;--color-primaryhover: #ffda70;--color-text1: #fff;--color-toggle: #7c7c7c;--scale-wrapper: #7c7c7c}.zoom{position:absolute;bottom:2rem}.display_smartBoard .mainContent{padding-bottom:0;flex-direction:column-reverse}:root{--zoomed-iconsize1: 55px;--icon-size: 45px;--zoomed-icon-size: 45px;--font-size-1: 25px;--zoomed-font-size-1: 25px;--font-size-2: 20px;--zoomed-font-size-2: 20px;--font-size-3: 35px;--zoomed-font-size-3: 35px;--tool-tip: 20px;--zoomed-tool-tip: 20px;--font-size-18: calc(1.125rem * var(--playerIcon-Zoom));--font-size-20: calc(1.25rem * var(--playerIcon-Zoom));--font-size-22: calc(1.375rem * var(--playerIcon-Zoom));--font-size-25: calc(1.5625rem * var(--playerIcon-Zoom));--font-size-30: calc(1.875rem * var(--playerIcon-Zoom));--font-size-35: calc(2.1875rem * var(--playerIcon-Zoom));--font-size-45: calc(2.8125rem * var(--playerIcon-Zoom));--icon-size-19: calc(1.1875rem);--icon-size-31: calc(1.9375rem);--icon-size-45: calc(2.8125rem);--icon-size-55: calc(3.4375rem);--icon-size-60: calc(3.75rem);--control-size: 10px;--control-size-half: 5px}@media(min-width: 640px)and (min-height: 400px){:root{--zoomed-iconsize1: 37px;--icon-size: 30px;--zoomed-icon-size: 30px;--font-size-1: 18px;--zoomed-font-size-1: 18px;--font-size-2: 15px;--zoomed-font-size-2: 15px;--font-size-3: 30px;--zoomed-font-size-3: 30px;--tool-tip: 15px;--zoomed-tool-tip: 15px}}@media(min-width: 800px)and (min-height: 768px){:root{--zoomed-iconsize1: 43px;--icon-size: 35px;--zoomed-icon-size: 35px;--font-size-1: 20px;--zoomed-font-size-1: 20px;--font-size-2: 16px;--zoomed-font-size-2: 16px;--font-size-3: 30px;--zoomed-font-size-3: 30px;--tool-tip: 16px;--zoomed-tool-tip: 16px}}@media(min-width: 1024px)and (min-height: 768px){:root{--zoomed-iconsize1: 49px;--icon-size: 40px;--zoomed-icon-size: 40px;--font-size-1: 22px;--zoomed-font-size-1: 22px;--font-size-2: 18px;--zoomed-font-size-2: 18px;--font-size-3: 28px;--zoomed-font-size-3: 28px;--tool-tip: 18px;--zoomed-tool-tip: 18px}}@media(min-width: 1440px)and (min-height: 900px){:root{--zoomed-iconsize1: 55px;--icon-size: 45px;--zoomed-icon-size: 45px;--font-size-1: 25px;--zoomed-font-size-1: 25px;--font-size-2: 20px;--zoomed-font-size-2: 20px;--font-size-3: 35px;--zoomed-font-size-3: 35px;--tool-tip: 20px;--zoomed-tool-tip: 20px}}@media(min-width: 1921px){:root{--font-size-18: calc(1.125rem * var(--playerIcon-Zoom));--font-size-20: calc(1.25rem * var(--playerIcon-Zoom));--font-size-22: calc(1.375rem * var(--playerIcon-Zoom));--font-size-25: calc(1.5625rem * var(--playerIcon-Zoom));--font-size-30: calc(1.875rem * var(--playerIcon-Zoom));--font-size-35: calc(2.1875rem * var(--playerIcon-Zoom));--font-size-45: calc(2.8125rem * var(--playerIcon-Zoom));--icon-size-19: calc(1.1875rem);--icon-size-45: calc(2.8125rem);--icon-size-55: calc(3.4375rem);--icon-size-60: calc(3.75rem);--control-size: 10px;--control-size-half: 5px}}@media(min-width: 1601px)and (max-width: 1920px){:root{--font-size-18: calc(1.125rem * var(--playerIcon-Zoom));--font-size-20: calc(1.25rem * var(--playerIcon-Zoom));--font-size-22: calc(1.375rem * var(--playerIcon-Zoom));--font-size-25: calc(1.5625rem * var(--playerIcon-Zoom));--font-size-30: calc(1.875rem * var(--playerIcon-Zoom));--font-size-35: calc(2.1875rem * var(--playerIcon-Zoom));--font-size-45: calc(2.8125rem * var(--playerIcon-Zoom));--icon-size-19: calc(1.1875rem);--icon-size-45: calc(2.8125rem);--icon-size-55: calc(3.4375rem);--icon-size-60: calc(3.75rem);--control-size: 10px;--control-size-half: 5px}}@media(min-width: 1367px)and (max-width: 1600px){:root{--font-size-18: calc(1.1rem * var(--playerIcon-Zoom));--font-size-20: calc(1.2rem * var(--playerIcon-Zoom));--font-size-22: calc(1.3rem * var(--playerIcon-Zoom));--font-size-25: calc(1.45rem * var(--playerIcon-Zoom));--font-size-30: calc(1.7rem * var(--playerIcon-Zoom));--font-size-35: calc(1.95rem * var(--playerIcon-Zoom));--font-size-45: calc(2.575rem * var(--playerIcon-Zoom));--icon-size-19: calc(1.16rem);--icon-size-31: calc(1.8125rem);--icon-size-45: calc(2.625rem);--icon-size-55: calc(3.25rem);--icon-size-60: calc(3.5625rem);--control-size: 11px;--control-size-half: 5.5px}}@media(min-width: 1201px)and (max-width: 1366px){:root{--font-size-18: calc(1.075rem * var(--playerIcon-Zoom));--font-size-20: calc(1.15rem * var(--playerIcon-Zoom));--font-size-22: calc(1.225rem * var(--playerIcon-Zoom));--font-size-25: calc(1.3375rem * var(--playerIcon-Zoom));--font-size-30: calc(1.525rem * var(--playerIcon-Zoom));--font-size-35: calc(1.7125rem * var(--playerIcon-Zoom));--font-size-45: calc(2.3375rem * var(--playerIcon-Zoom));--icon-size-19: calc(1rem);--icon-size-31: calc(1.6875rem);--icon-size-45: calc(2.4375rem);--icon-size-55: calc(3.065rem);--icon-size-60: calc(3.375rem);--control-size: 12px;--control-size-half: 6px}}@media(min-width: 1081px)and (max-width: 1200px){:root{--font-size-18: calc(1.05rem * var(--playerIcon-Zoom));--font-size-20: calc(1.1rem * var(--playerIcon-Zoom));--font-size-22: calc(1.15rem * var(--playerIcon-Zoom));--font-size-25: calc(1.225rem * var(--playerIcon-Zoom));--font-size-30: calc(1.35rem * var(--playerIcon-Zoom));--font-size-35: calc(1.475rem * var(--playerIcon-Zoom));--font-size-45: calc(2.1rem * var(--playerIcon-Zoom));--icon-size-19: calc(0.9rem);--icon-size-31: calc(1.55rem);--icon-size-45: calc(2.25rem);--icon-size-55: calc(2.875rem);--icon-size-60: calc(3.1875rem);--control-size: 13px;--control-size-half: 6.5px}}@media(max-width: 1080px){:root{--font-size-18: calc(1.025rem * var(--playerIcon-Zoom));--font-size-20: calc(1.05rem * var(--playerIcon-Zoom));--font-size-22: calc(1.075rem * var(--playerIcon-Zoom));--font-size-25: calc(1.1125rem * var(--playerIcon-Zoom));--font-size-30: calc(1.175rem * var(--playerIcon-Zoom));--font-size-35: calc(1.2375rem * var(--playerIcon-Zoom));--font-size-45: calc(1.8625rem * var(--playerIcon-Zoom));--icon-size-19: calc(0.875rem);--icon-size-31: calc(1.3rem);--icon-size-45: calc(1.875rem);--icon-size-55: calc(2.5rem);--icon-size-60: calc(2.8125rem);--control-size: 14px;--control-size-half: 7px}}

/*# sourceMappingURL=main.css.map*/