/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[9].use[5]!./src/views/Pages/Page.module.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.Page_Wrapper__TpDlq {
  position: relative;
  list-style: none;
  margin-bottom: 0.5rem;
}
.Page_Wrapper__TpDlq.Page_active__cas1y .Page_Page__UKIrG {
  background-image: none !important;
  background-color: rgb(230, 230, 230);
}
.Page_Wrapper__TpDlq.Page_active__cas1y .Page_PageNumber__TcPkF {
  opacity: 0.3;
}
.Page_Wrapper__TpDlq.Page_clone__nLyz7 .Page_Page__UKIrG {
  transform: translate3d(10px, 10px, 0) scale(1.025);
  animation: Page_pop__gNJQN 150ms cubic-bezier(0.18, 0.67, 0.6, 1.22);
  box-shadow: 0 0 0 1px rgba(63, 63, 68, 0.05), 0 1px 6px 0 rgba(34, 33, 81, 0.3);
  cursor: grabbing;
}
.Page_Wrapper__TpDlq:hover .Page_Remove__apvco {
  visibility: visible;
}
.Page_Wrapper__TpDlq:not(.Page_active__cas1y, .Page_clone__nLyz7).Page_insertBefore__KSXoq .Page_Page__UKIrG:after, .Page_Wrapper__TpDlq:not(.Page_active__cas1y, .Page_clone__nLyz7).Page_insertAfter__Aetj1 .Page_Page__UKIrG:after {
  content: "";
  position: absolute;
  background-color: #4c9ffe;
}
.Page_Wrapper__TpDlq:not(.Page_vertical___6XnX).Page_insertBefore__KSXoq .Page_Page__UKIrG:after, .Page_Wrapper__TpDlq:not(.Page_vertical___6XnX).Page_insertAfter__Aetj1 .Page_Page__UKIrG:after {
  top: 0;
  bottom: 0;
  width: 2px;
}
.Page_Wrapper__TpDlq:not(.Page_vertical___6XnX).Page_insertBefore__KSXoq.Page_clone__nLyz7 {
  margin-left: -75px;
}
.Page_Wrapper__TpDlq:not(.Page_vertical___6XnX).Page_insertBefore__KSXoq .Page_Page__UKIrG:after {
  left: -9px;
}
.Page_Wrapper__TpDlq:not(.Page_vertical___6XnX).Page_insertAfter__Aetj1.Page_clone__nLyz7 {
  margin-left: 75px;
}
.Page_Wrapper__TpDlq:not(.Page_vertical___6XnX).Page_insertAfter__Aetj1 .Page_Page__UKIrG:after {
  right: -9px;
}
.Page_Wrapper__TpDlq.Page_vertical___6XnX.Page_insertBefore__KSXoq .Page_Page__UKIrG:after, .Page_Wrapper__TpDlq.Page_vertical___6XnX.Page_insertAfter__Aetj1 .Page_Page__UKIrG:after {
  left: 0;
  right: 0;
  height: 2px;
}
.Page_Wrapper__TpDlq.Page_vertical___6XnX.Page_insertBefore__KSXoq.Page_clone__nLyz7 {
  margin-top: -125px;
}
.Page_Wrapper__TpDlq.Page_vertical___6XnX.Page_insertBefore__KSXoq .Page_Page__UKIrG:after {
  top: -15px;
}
.Page_Wrapper__TpDlq.Page_vertical___6XnX.Page_insertAfter__Aetj1.Page_clone__nLyz7 {
  margin-bottom: 125px;
}
.Page_Wrapper__TpDlq.Page_vertical___6XnX.Page_insertAfter__Aetj1 .Page_Page__UKIrG:after {
  bottom: -45px;
}

.Page_Page__UKIrG {
  position: relative;
  display: block;
  width: 100%;
  background-color: rgb(250, 255, 255);
  background-size: cover;
  border-radius: 3px;
  box-shadow: 0 0 0 1px rgba(63, 63, 68, 0.05), 0 1px 3px 0 rgba(34, 33, 81, 0.15);
  outline: none;
  appearance: none;
  border: none;
  touch-action: none;
  cursor: grab;
}
.Page_Page__UKIrG:focus-visible:not(.Page_active__cas1y .Page_Page__UKIrG) {
  box-shadow: 0 0 0 2px #4c9ffe;
}
.Page_Page__UKIrG[data-id="1"] {
  background-image: url("https://images.unsplash.com/photo-1581714239128-da7bf940cd82?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=500&q=80");
  background-size: 196px;
  background-position: -18px 1px;
}
.Page_Page__UKIrG[data-id="3"] {
  background-image: url("https://images.unsplash.com/photo-1524605546309-2f5cf29dc90f?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=500&q=80");
}
.Page_Page__UKIrG[data-id="5"] {
  background-image: url("https://images.unsplash.com/photo-1558612123-351952fa7c3d?ixlib=rb-1.2.1&ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=500&q=80");
}
.Page_Page__UKIrG[data-id="7"] {
  background-image: url("https://images.unsplash.com/photo-1520764816423-52375cbff016?ixlib=rb-1.2.1&ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=500&q=80");
}
.Page_Page__UKIrG[data-id="9"] {
  background-image: url("https://images.unsplash.com/photo-1485627941502-d2e6429a8af0?ixlib=rb-1.2.1&ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=500&q=80");
}
.Page_Page__UKIrG[data-id="11"] {
  background-image: url("https://images.unsplash.com/photo-1566041510639-8d95a2490bfb?ixlib=rb-1.2.1&ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=500&q=80");
}
.Page_Page__UKIrG[data-id="13"] {
  background-image: url("https://images.unsplash.com/photo-1501769214405-5e5ee5125a02?ixlib=rb-1.2.1&ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=500&q=80");
}
.Page_Page__UKIrG[data-id="15"] {
  background-image: url("https://images.unsplash.com/photo-1501769214405-5e5ee5125a02?ixlib=rb-1.2.1&ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=500&q=80");
}
.Page_Page__UKIrG[data-id="17"] {
  background-image: url("https://images.unsplash.com/photo-1563455586-98caa7512fa8?ixlib=rb-1.2.1&ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=500&q=80");
  background-image: url("https://images.unsplash.com/photo-1506017531682-eccdf2f5acfa?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=500&q=80");
}
.Page_Page__UKIrG[data-id="19"] {
  background-image: url("https://images.unsplash.com/photo-1532456745301-b2c645d8b80d?ixlib=rb-1.2.1&ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=500&q=80");
}

.Page_Remove__apvco {
  display: flex;
  visibility: hidden;
  position: absolute;
  top: 5px;
  right: 5px;
  width: 20px;
  height: 20px;
  padding: 0;
  align-items: center;
  justify-content: center;
  background-color: rgba(0, 0, 0, 0.3);
  border-radius: 50%;
  appearance: none;
  border: none;
  outline: none;
  cursor: pointer;
}
.Page_Remove__apvco:hover {
  background-color: rgba(0, 0, 0, 0.5);
}
.Page_Remove__apvco:active {
  background-color: rgba(255, 70, 70, 0.9);
}
.Page_Remove__apvco svg {
  fill: #fff;
}

.Page_PageNumber__TcPkF {
  display: inline-block;
  width: 100%;
  margin-top: 1rem;
  text-align: center;
  color: rgba(0, 0, 0, 0.5);
  animation: Page_fadeIn__0i8Lh 1000ms ease;
  user-select: none;
}

@keyframes Page_fadeIn__0i8Lh {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes Page_pop__gNJQN {
  0% {
    transform: translate3d(0px, 0px, 0) scale(1);
  }
  100% {
    transform: translate3d(10px, 10px, 0) scale(1.025);
  }
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[9].use[5]!./src/views/Pages/Pages.module.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.Pages_Pages__wIJwB {
  display: grid;
  gap: 1rem;
  padding: 1rem;
  margin: 0;
}
.Pages_Pages__wIJwB.Pages_horizontal__MujlP {
  grid-auto-flow: column;
  grid-auto-columns: max-content;
}
.Pages_Pages__wIJwB.Pages_grid__vl2qQ {
  display: grid;
  grid-template-columns: repeat(auto-fill, 150px);
}

.Pages_whiteboard__SW1BX {
  background: rgb(248, 248, 248);
  background-image: radial-gradient(rgba(105, 105, 105, 0.2196078431) 2px, transparent 0);
  background-size: 40px 40px;
  background-position: -19px -19px;
}