.navbar{background-color:#fff;min-height:60px;padding:0;position:relative}.navbar .navbar-toggler{border:none;box-shadow:none;fill:#000}.navbar .navbar-brand{height:60px;display:flex}.navbar .navbar-brand img{width:140px}.navbar .container-fluid{padding-left:20px;padding-right:20px}.navbar .user-icon-svg{width:32px;height:32px;stroke-width:.75px}.navbar .user-icon-img{width:32px;height:32px;border-radius:50%}.navbar .hamburger-svg{width:16px;fill:none;stroke:#000;stroke-linecap:round}.navbar .dropdown-toggle:after{content:none}.navbar .nav-item{height:30px;display:flex;align-items:center;justify-content:center}.navbar .navbar-nav{align-items:center;flex-wrap:nowrap;column-gap:24px}.navbar .navbar-nav .nav-link{color:#000;padding:0;display:flex;gap:8px;align-items:center}.navbar .navbar-nav .nav-link:hover,.navbar .navbar-nav .nav-link.show{color:#f59c23}.navbar .navbar-nav .nav-link:hover svg,.navbar .navbar-nav .nav-link.show svg{stroke:#f59c23}.navbar .navbar-nav .nav-link:hover svg.admin-settings-caret,.navbar .navbar-nav .nav-link.show svg.admin-settings-caret{stroke:#000}.navbar .navbar-nav .nav-button{height:36px;width:fit-content}@media(min-width: 992px){.navbar .navbar-nav .dropdown-menu{position:absolute;margin-top:12px}}.navbar .nav-item-button-parent{display:flex;column-gap:16px;align-items:center}.navbar .dropdown-menu{padding:8px;box-shadow:0 0 10px rgba(0,0,0,.3019607843);border:none}.navbar .dropdown-menu .dropdown-item{padding:16px;display:flex;align-items:center;color:#000;cursor:pointer;font-size:16px;font-weight:400}.navbar .dropdown-menu .dropdown-item:hover,.navbar .dropdown-menu .dropdown-item:active{background-color:rgba(245,156,35,.2);color:#000}.navbar .dropdown-menu .dropdown-item .locked-feature-icon-svg{width:24px;height:24px}.navbar .dropdown-submenu{position:relative}.navbar .dropdown-submenu .dropdown-menu{top:0;left:100%}.navbar .dropdown-submenu:hover>.dropdown-menu{display:block}.navbar .nav-upgrade-btn{background:#fffae6;border:2px solid #fc0;color:#000;border-radius:6px}.navbar .nav-upgrade-btn:hover{background:#fdeca8;box-shadow:0 0 6px #fdeca8}.navbar .nav-upgrade-btn .primary-button-text{display:flex;gap:6px;align-items:center;justify-content:center}.navbar .nav-upgrade-btn .nav-link:hover{color:#000}.navbar .nav-upgrade-btn svg{height:28px;width:28px}.navbar .create-dropdown .nav-link{background-color:#34b17f;border-radius:4px;color:#fff;display:flex;align-items:center;justify-content:center;padding:7px 15px;cursor:pointer}.navbar .create-dropdown .nav-link:hover{color:#fff;box-shadow:0 0 6px #34b17f;outline:none}.navbar .create-dropdown .nav-link.show{color:#fff}.navbar .create-dropdown .create-series .dropdown-item,.navbar .create-dropdown .create-puzzle .dropdown-item{display:flex;align-items:center;gap:12px}.navbar .create-dropdown .create-series .dropdown-item .icon-desc-create-series,.navbar .create-dropdown .create-series .dropdown-item .icon-desc-create-puzzle,.navbar .create-dropdown .create-puzzle .dropdown-item .icon-desc-create-series,.navbar .create-dropdown .create-puzzle .dropdown-item .icon-desc-create-puzzle{width:18px;height:18px}.navbar .admin-settings-dropdown .admin-settings-caret{height:12px;width:12px}.navbar .account-info .dropdown-item,.navbar .account-details-nav-item .dropdown-item,.navbar .logout-button .dropdown-item{display:flex;align-items:center;gap:12px;font-weight:400}.navbar .account-info .dropdown-item .item-content,.navbar .account-details-nav-item .dropdown-item .item-content,.navbar .logout-button .dropdown-item .item-content{display:flex;gap:8px}.navbar .account-info .dropdown-item .item-content .item-text,.navbar .account-details-nav-item .dropdown-item .item-content .item-text,.navbar .logout-button .dropdown-item .item-content .item-text{font-size:16px}.navbar .account-info .dropdown-item .item-content .text-muted,.navbar .account-details-nav-item .dropdown-item .item-content .text-muted,.navbar .logout-button .dropdown-item .item-content .text-muted{font-size:12px}.navbar .account-info .dropdown-item .icon-desc-account-info,.navbar .account-info .dropdown-item .icon-desc-account-details,.navbar .account-info .dropdown-item .icon-desc-logout,.navbar .account-details-nav-item .dropdown-item .icon-desc-account-info,.navbar .account-details-nav-item .dropdown-item .icon-desc-account-details,.navbar .account-details-nav-item .dropdown-item .icon-desc-logout,.navbar .logout-button .dropdown-item .icon-desc-account-info,.navbar .logout-button .dropdown-item .icon-desc-account-details,.navbar .logout-button .dropdown-item .icon-desc-logout{width:18px;height:18px}.navbar .account-info .dropdown-item .icon-desc-account-info,.navbar .account-details-nav-item .dropdown-item .icon-desc-account-info,.navbar .logout-button .dropdown-item .icon-desc-account-info{stroke-width:1.3px}.navbar .account-info .dropdown-item .icon-desc-logout,.navbar .account-details-nav-item .dropdown-item .icon-desc-logout,.navbar .logout-button .dropdown-item .icon-desc-logout{stroke:#e74c3c}.navbar .account-info .dropdown-item{padding-left:12px}.navbar .account-info .dropdown-item .user-icon-img{width:24px;height:24px}.navbar .account-info .dropdown-item .item-content{flex-direction:column;gap:2px}.navbar .account-info .dropdown-item:hover{cursor:default}.navbar .account-details-nav-item .dropdown-item{align-items:flex-start}.navbar .account-details-nav-item .dropdown-item .icon-desc-account-details{margin-top:4.5px}.navbar .account-details-nav-item .dropdown-item .item-content{flex-direction:column;gap:2px}.navbar .account-details-nav-item .dropdown-item .item-content .item-text{padding-left:2px}.navbar .account-details-nav-item .dropdown-item .item-content .personal,.navbar .account-details-nav-item .dropdown-item .item-content .professional,.navbar .account-details-nav-item .dropdown-item .item-content .custom,.navbar .account-details-nav-item .dropdown-item .item-content .enterprise{padding:2px 4px;border-radius:4px}.navbar .account-details-nav-item .dropdown-item .item-content .personal{background-color:#c1e7d8}.navbar .account-details-nav-item .dropdown-item .item-content .professional{background-color:#ffefb0}.navbar .account-details-nav-item .dropdown-item .item-content .custom{background-color:#fff3cd}.navbar .account-details-nav-item .dropdown-item .item-content .enterprise{background-color:#cde7ff}.navbar .mobile-nav-item{display:none}.navbar .dropdown-menu>li:not(:last-child)>a{border-bottom:1px solid #ccc}.navbar .navbar-toggler{z-index:1001;padding-bottom:12px}@media(max-width: 992px){.navbar .navbar-collapse{position:absolute;top:0;right:-100px;width:0;height:100vh;overflow:hidden;transition:width .2s ease-in-out;background-color:#fff;z-index:1000;padding:20px}}.navbar .navbar-collapse.collapsing{display:block}.navbar .navbar-collapse.show{width:80%;max-width:350px;display:block;right:0}.navbar .navbar-collapse.show .navbar-nav,.navbar .navbar-collapse.collapsing .navbar-nav{align-items:flex-start}.navbar .navbar-collapse.show .nav-item,.navbar .navbar-collapse.collapsing .nav-item{padding:16px 0;min-width:100%;display:block;height:auto;justify-content:normal;align-items:normal}.navbar .navbar-collapse.show .nav-item .dropdown-item:hover,.navbar .navbar-collapse.collapsing .nav-item .dropdown-item:hover{color:#f59c23}.navbar .navbar-collapse.show .nav-item:not(:last-child),.navbar .navbar-collapse.collapsing .nav-item:not(:last-child){border-bottom:1px #bbb solid}.navbar .navbar-collapse.show .nav-item.mobile-nav-item,.navbar .navbar-collapse.collapsing .nav-item.mobile-nav-item{display:block}.navbar .navbar-collapse.show .nav-item.nav-item-button-parent,.navbar .navbar-collapse.collapsing .nav-item.nav-item-button-parent{display:flex;flex-direction:column;gap:12px}.navbar .navbar-collapse.show .nav-item.nav-item-button-parent .nav-upgrade-btn,.navbar .navbar-collapse.collapsing .nav-item.nav-item-button-parent .nav-upgrade-btn{width:100%}.navbar .navbar-collapse.show .nav-item.nav-item-button-parent .leaderboard-link,.navbar .navbar-collapse.collapsing .nav-item.nav-item-button-parent .leaderboard-link{width:100%}.navbar .navbar-collapse.show .account-info .dropdown-item,.navbar .navbar-collapse.collapsing .account-info .dropdown-item{padding-left:0px}.navbar .navbar-collapse.show .account-info .dropdown-item:hover,.navbar .navbar-collapse.collapsing .account-info .dropdown-item:hover{cursor:default}.navbar .navbar-collapse.show .create-series .dropdown-item:hover,.navbar .navbar-collapse.show .create-puzzle .dropdown-item:hover,.navbar .navbar-collapse.collapsing .create-series .dropdown-item:hover,.navbar .navbar-collapse.collapsing .create-puzzle .dropdown-item:hover{color:#f59c23;background-color:#fff}.navbar .navbar-collapse.show .user-dropdown,.navbar .navbar-collapse.collapsing .user-dropdown{display:none}.navbar .navbar-collapse.show .nav-item-button-parent .create-dropdown,.navbar .navbar-collapse.collapsing .nav-item-button-parent .create-dropdown{padding:0}.navbar .navbar-collapse.show .dropdown-menu,.navbar .navbar-collapse.collapsing .dropdown-menu{box-shadow:none;padding:0;margin:0}.navbar .navbar-collapse.show .dropdown-menu .dropdown-item,.navbar .navbar-collapse.collapsing .dropdown-menu .dropdown-item{margin-left:40px;padding:16px 0;width:calc(100% - 40px) .locked-feature-icon-svg;width-width:24px}.mobile-nav-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);z-index:999}body.overflow-hidden{overflow:hidden}