/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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]!../../../packages/react/components/select-box/react-select-single/default/style.module.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_main_container__4CKj0 {
  width: var(--sWidth);
}
.style_main_wrapper__GgG3o {
  height: var(--sHeight);
}
.style_main_wrapper__GgG3o .react-select__control {
  min-width: 10rem;
  cursor: pointer;
  border-width: 0px;
  background-color: transparent;
}
.style_main_wrapper__GgG3o .react-select__menu {
  box-shadow: 0 4px 20px 0 #0000001a;
  z-index: 50;
  margin-bottom: 0px;
}
.style_main_wrapper__GgG3o .react-select__menu-list {
  padding: 0px;
}
.style_main_wrapper__GgG3o .react-select__option:first-of-type {
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}
.style_main_wrapper__GgG3o .react-select__option:last-of-type {
  border-bottom-right-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}
.style_main_wrapper__GgG3o .react-select__option--is-selected {
  --tw-bg-opacity: 1;
  background-color: rgb(0 116 149 / var(--tw-bg-opacity));
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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]!../../../packages/react/modules/country-location/native/default/style.module.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_main_container__4ppqd {
  width: var(--lWidth);
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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]!../../../packages/react/components/anchor/native/nextjs/style.module.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_anchor_wrapper__OOXWp {
    position: relative
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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]!../../../packages/react/components/button/native/default/style.module.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_button_component__4C57k {
  width: var(--bWidth);
  height: var(--bHeight);
}
.style_button_component__4C57k.style_loading__p7nUo {
  width: var(--bCacheWidth);
}
.style_button_loading__vjyEn:before {
  animation: style_spinning__uiswK 1.6s ease-in-out infinite;
}
@keyframes style_spinning__uiswK {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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]!../../../packages/react/components/image/lazy/default/style.module.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_main_container__KOwvX {
  width: var(--iWidth);
}

.style_image_component__s0tOa {
  height: var(--iHeight);
  aspect-ratio: var(--iRatio);
  -o-object-fit: var(--iFit);
     object-fit: var(--iFit);
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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]!../../../packages/react/components/input-range-double/native/default/style.module.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_main_container__6jUCR {
  width: var(--idWidth);
}
.style_main_wrapper___jKl6 {
  margin: calc(var(--idHeight) * 5) calc(var(--idHeight) * 2.5);
  width: calc(100% - var(--idHeight) * 5);
  height: var(--idHeight);
}
.style_slider_wrapper__mYW1b {
  inset: 0 calc(var(--idHeight) * -2);
  width: calc(100% + var(--idHeight) * 4);
  height: var(--idHeight);
}
.style_slider_wrapper__mYW1b::-webkit-slider-thumb {
  pointer-events: auto;
  cursor: pointer;
  width: calc(var(--idHeight) * 5);
  height: calc(var(--idHeight) * 5);
}
.style_slider_line__NmMyP {
  inset: 0 var(--idLineRight) 0 var(--idLineLeft);
  height: var(--idHeight);
}
.style_slider_thumb__n8t79 {
  inset: calc(var(--idHeight) * -2) auto auto calc(var(--idLineLeft) - var(--idHeight) * 2.5);
  width: calc(var(--idHeight) * 5);
  height: calc(var(--idHeight) * 5);
}
.style_slider_thumb__n8t79[data-type=lower] {
  left: calc(var(--idLowerLeft) - var(--idHeight) * 2.5);
}
.style_slider_thumb__n8t79[data-type=upper] {
  left: calc(var(--idUpperLeft) - var(--idHeight) * 2.5);
}
.style_slider_value__AwfF6:after {
  border-color: transparent;
  border-bottom-color: #007495;
}
.style_slider_value__AwfF6:before {
  content: var(--idLabel);
}
.style_slider_value__AwfF6[data-type=lower]:before {
  content: var(--idLabelLeft) !important;
}
.style_slider_value__AwfF6[data-type=upper]:before {
  content: var(--idLabelRight) !important;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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]!../../../packages/react/components/input-text/native/default/style.module.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_main_container__LGkFJ {
  width: var(--iWidth);
}
.style_main_wrapper__h5_wX {
  height: var(--iHeight);
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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]!../../../packages/react/components/pagination/react-paginate/default/style.module.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_main_container__a5d_8 {
    position: relative
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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]!./frontend/pages/home/default/style.module.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_product_container__TYNA_ {
  container: product-home/inline-size;
}

.style_product_item_container__efwNq {
  container: product-home-item/inline-size;
}

.style_product_item_wrapper__vie8S {
  grid-template-columns: minmax(35%, 1fr) 1fr 1fr;
  grid-template-areas: "image name name" "image motelname motelname" "image address address" "image remain sale";
}

.style_product_item_image__skXEx {
  grid-area: image;
}

.style_product_item_name__rrdID {
  grid-area: name;
}

.style_product_item_motel_name__7PIhu {
  grid-area: motelname;
}

.style_product_item_address_wrapper__D74je {
  grid-area: address;
}

.style_product_item_remain_wrapper__t9JKS {
  grid-area: remain;
}

.style_product_item_sale_wrapper__z4MKa {
  grid-area: sale;
}

@media screen and (max-width: 680px) {
  .style_tool_wrapper__UITo_ {
    display: grid;
    row-gap: 1rem;
    grid-template-columns: 1fr auto auto;
    grid-template-areas: "search filter button";
  }
  .style_tool_city_wrapper__GqY9_ {
    grid-area: city;
  }
  .style_tool_filter_wrapper__XLigh {
    grid-area: filter;
  }
  .style_tool_search_wrapper__NYHXq {
    grid-area: search;
  }
  .style_tool_button__wRfbn {
    grid-area: button;
  }
}

@media screen and (max-width: 992px) {
  .style_product_wrapper__kkFnU {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media screen and (max-width: 600px) {
  .style_product_wrapper__kkFnU {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}

@container product-home-item (max-width: 600px) {
  .style_product_item_wrapper__vie8S {
    grid-template-columns: minmax(40%, 1fr) 1fr 1fr;
    padding-right: 0px;
  }
}

@container product-home-item (max-width: 480px) {
  .style_product_item_wrapper__vie8S {
    grid-template-columns: 1fr;
    grid-template-areas: "image" "name" "motelname" "address" "remain" "sale";
  }
  .style_product_item_name__rrdID, .style_product_item_motel_name__7PIhu, .style_product_item_address_wrapper__D74je, .style_product_item_remain_wrapper__t9JKS, .style_product_item_sale_wrapper__z4MKa {
    padding-left: 1rem;
    padding-right: 1rem;
    padding-bottom: 1rem;
  }
}