/*!**************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js!./_src/styles/components/note-glossary.scss ***!
  \**************************************************************************************************************************************************************************************************************************************/@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.r-section.note-glossary{overflow:hidden;margin-block:96px}@media screen and (max-width:1023px){.r-section.note-glossary{margin-block:56px}}.r-section.note-glossary .note-top-area>li{padding:40px 0;border-bottom:1px solid currentColor}.r-section.note-glossary .note-top-area>li:first-child{padding-top:0}.r-section.note-glossary .note-top-area>li>div:first-child{width:40%}.r-section.note-glossary .note-top-area>li>div:last-child{width:60%}.r-section.note-glossary .main-note-flex>li{width:calc(33.3333333333% - 10.6666666667px)}@media screen and (max-width:1023px){.r-section.note-glossary .main-note-flex>li{width:calc(50% - 8px)}}.r-section.note-glossary .main-note-flex>li>.slide{position:relative}.r-section.note-glossary .main-note-flex>li>.slide>.image-area .object-fit--cover{aspect-ratio:.75}.r-section.note-glossary .main-note-flex>li>.slide>.content-area{position:absolute;left:0;top:0;width:100%;height:100%;cursor:pointer;transition:all .35s ease}@media(hover:hover){.r-section.note-glossary .main-note-flex>li>.slide>.content-area:hover{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.r-section.note-glossary .main-note-flex>li>.slide>.content-area:hover .btn{opacity:1;visibility:visible}}.r-section.note-glossary .main-note-flex>li>.slide>.content-area .note-title{position:absolute;top:50%;left:0;width:100%;color:#fff}.r-section.note-glossary .main-note-flex>li>.slide>.content-area .btn{position:absolute}@media screen and (min-width:1024px){.r-section.note-glossary .main-note-flex>li>.slide>.content-area .btn{bottom:16px;left:16px;width:calc(100% - 32px);visibility:hidden;opacity:0}}.r-section.note-glossary .main-note-flex>li>.slide>.content-area .btn--icon{bottom:8px;left:auto;right:8px}.r-section.note-glossary .note-full-screen-overlay{position:fixed;top:0;left:0;width:100%;height:100%;transition:all .35s ease;display:flex;z-index:1000000000000000000}@media screen and (max-width:1023px){.r-section.note-glossary .note-full-screen-overlay{height:calc(100% - var(--header-height));top:var(--header-height);bottom:0}}.r-section.note-glossary .note-full-screen-overlay:not(.active){pointer-events:none}.r-section.note-glossary .note-full-screen-overlay:not(.active) .blur-area{-webkit-backdrop-filter:blur(12px) opacity(0);backdrop-filter:blur(12px) opacity(0)}.r-section.note-glossary .note-full-screen-overlay:not(.active) .inner{transform:translate(100%)}.r-section.note-glossary .note-full-screen-overlay .blur-area{flex-grow:1;-webkit-backdrop-filter:blur(10px) opacity(1);backdrop-filter:blur(10px) opacity(1);display:block;transition:all .35s ease}.r-section.note-glossary .note-full-screen-overlay .inner{width:100%;max-width:480px;background:#fffefc;transition:all .35s ease;overflow:auto}.r-section.note-glossary .note-full-screen-overlay .inner .image-area{position:relative}.r-section.note-glossary .note-full-screen-overlay .inner .image-area .object-fit--cover{aspect-ratio:1.6}@media screen and (max-width:1023px){.r-section.note-glossary .note-full-screen-overlay .inner .image-area .object-fit--cover{aspect-ratio:2.1}}.r-section.note-glossary .note-full-screen-overlay .inner .image-area .btn{position:absolute;top:16px;right:16px}.r-section.note-glossary .note-full-screen-overlay .inner .image-area .btn svg{width:30px}.r-section.note-glossary .note-full-screen-overlay .inner .image-area .note-title{position:absolute;top:50%;left:0;width:100%;text-align:center;color:#fff}.r-section.note-glossary .note-full-screen-overlay .inner .content-area{padding:32px 24px}@media screen and (max-width:1023px){.r-section.note-glossary .note-full-screen-overlay .inner .content-area{padding-inline:16px}}.r-section.note-glossary .note-full-screen-overlay .inner .content-area h4{font-size:16px;font-weight:500}.r-section.note-glossary .note-full-screen-overlay .inner .button-area{margin-top:auto;padding:0 24px 32px}@media screen and (max-width:1023px){.r-section.note-glossary .note-full-screen-overlay .inner .button-area{padding-inline:16px}}.r-section.note-glossary .note-full-screen-overlay .inner .button-area .btn--third{flex-grow:1}
/*# sourceMappingURL=/cdn/shop/t/43/assets/note-glossary.css.map */