@import "https://rolsteigers.nl/wp-content/plugins/ram-productgroups/public/assets/modal";@import "https://rolsteigers.nl/wp-content/plugins/ram-productgroups/public/assets/productgroups";{"version":3,"file":"app.css","mappings":"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","sources":["webpack://ram-productgroups/./src/scss/_modal.scss","webpack://ram-productgroups/./src/scss/_productgroups.scss","webpack://ram-productgroups/./src/scss/app.scss"],"sourcesContent":[".modal {\n    z-index: 9999999;\n    position: fixed;\n    inset: 0;\n\n    &:not([data-open]) {\n        pointer-events: none;\n        visibility: hidden;\n        transition: visibility 0s .5s;\n    }\n\n    &__overlay {\n        z-index: 1;\n        position: absolute;\n        inset: 0;\n        background: rgba(black, .55);\n        transition: opacity 1s cubic-bezier(0.19, 1, 0.22, 1) .1s;\n\n        .modal:not([data-open]) & {\n            opacity: 0;\n        }\n    }\n\n    &__inner {\n        z-index: 2;\n        position: absolute;\n        width: calc(100% - 20px);\n        max-height: 95vh;\n        max-height: calc(var(--vh, 1vh) * 95);\n        overflow: hidden auto;\n        transition: visibility 0s 0s, transform .2s cubic-bezier(0.19, 1, 0.22, 1);\n        left: 50%;\n        transform: translate(-50%, -50%);\n        top: 50%;\n\n        @media (min-width: 768px) {\n            width: 50vw;\n        }\n\n        .modal:not([data-open]) & {\n            transition: visibility 0s .5s;\n        }\n\n        &:after {\n            content: '';\n            position: absolute;\n            inset: 0;\n            background: white;\n            transform-origin: bottom;\n\n            @media (min-width: 768px) {\n                transform-origin: right;\n            }\n\n            .modal:not([data-open]) & {\n                opacity: 0;\n                transform: scaleY(0);\n\n                @media (min-width: 768px) {\n                    transform: scaleX(0);\n                }\n            }\n\n            .modal[data-filters]:not([data-open]) & {\n                @media (max-width: 767px) {\n                    transform: scaleX(0);\n                }\n            }\n        }\n\n        > * {\n            position: relative;\n            z-index: 1;\n            transition: opacity 1.25s cubic-bezier(0.19, 1, 0.22, 1) .3s, transform 2s cubic-bezier(0.19, 1, 0.22, 1) .3s;\n\n            .modal:not([data-open]) & {\n                opacity: 0;\n                transform: translateY(-3px);\n                transition: opacity .1s cubic-bezier(0.19, 1, 0.22, 1), transform 0s .4s;\n\n                @media (min-width: 768px) {\n                    transform: translateX(-6px);\n                }\n            }\n\n            .modal[data-filters]:not([data-open]) & {\n                @media (max-width: 767px) {\n                    transform: translateX(-3px);\n                }\n            }\n        }\n    }\n\n    &__header {\n        display: grid;\n        grid-template-rows: auto auto;\n        border-bottom: 1px solid #d7d2cb;\n\n        @media (min-width: 768px) {\n            grid-template-rows: auto;\n            grid-template-columns: minmax(0, 1fr) 50px;\n            align-items: center;\n            height: 60px;\n        }\n\n        &--arrow {\n            @media (min-width: 768px) {\n                grid-template-columns: 50px minmax(0, 1fr);\n            }\n        }\n    }\n\n    &__handle {\n        -webkit-appearance: none;\n        position: relative;\n        width: 100%;\n        height: 2rem;\n\n        &:after {\n            content: '';\n            position: absolute;\n            inset: .5rem auto auto 50%;\n            width: 60px;\n            height: 2px;\n            background: black;\n            transform: translateX(-50%);\n        }\n\n        @media (min-width: 768px) {\n            display: none;\n        }\n    }\n\n    &__heading {\n        display: block;\n        margin: 1rem 0 1rem;\n        font-size: 15px;\n        font-weight: 500;\n        overscroll-behavior-y: contain;\n\n        .modal:not([data-alt]) & {\n            text-align: center;\n        }\n\n        @media (min-width: 768px) {\n            font-size: 24px !important;\n\n            .modal:not([data-alt]) & {\n                margin: 0;\n                padding-left: 50px;\n            }\n        }\n    }\n\n    &__description {\n        font-size: 20px !important;\n        line-height: 27px !important;\n\n    }\n\n    &__close {\n        cursor: pointer;\n        position: relative;\n        display: none;\n        width: 100%;\n\n        height: auto !important;\n        margin: 0 !important;\n\n        svg {\n            position: absolute;\n            inset: 50% auto auto 50%;\n            transform: translate(-50%, -50%);\n\n            .modal__header--arrow & {\n                height: 16px;\n            }\n        }\n\n        @media (min-width: 768px) {\n            display: block;\n        }\n    }\n\n    &__content {\n        padding: 28px 1rem;\n        overflow-y: overlay;\n        height: 100%;\n        max-height: 75vh; // Rolsteigers\n\n\n        @media (min-width: 768px) {\n            padding: 28px;\n        }\n\n        &--with-footer {\n            padding: 28px 1rem 70px;\n\n            @media (min-width: 768px) {\n                padding: 28px 28px 90px;\n            }\n        }\n\n        p {\n            margin-bottom: 12px;\n        }\n\n        img {\n            max-width: 100%;\n            object-fit: scale-down;\n        }\n    }\n}\n",".productgroups {\n  position: relative;\n  margin-bottom: 16px;\n\n  &__heading {\n    font-size: 16px;\n    font-weight: normal;\n    margin: 0;\n    display: flex;\n    align-items: center;\n    line-height: 18px;\n    text-transform: initial;\n  }\n\n  &__inner {\n    opacity: 0;\n    visibility: hidden;\n    transition: .3s ease-in-out all;\n\n    .productgroups[data-active] & {\n      opacity: 1;\n      visibility: visible;\n    }\n  }\n\n  &__grid {\n    margin-bottom: 1rem;\n  }\n\n  @media (min-width: 768px) {\n    &__grid {\n      display: grid;\n      grid-template-columns: repeat(1, minmax(0, 1fr));\n      grid-gap: 16px;\n    }\n  }\n\n  &__item {\n    position: relative;\n    transition: .1s ease-in-out all;\n    border: 2px solid #f1f6f9;\n    border-radius: 5px;\n    padding: 8px;\n    display: grid;\n    grid-template-columns: 25% 1fr;\n    gap: 16px;\n    cursor: pointer;\n\n    @media (max-width: 767px) {\n      margin-bottom: 10px;\n    }\n\n    &:hover:not(&[data-active]) {\n      border-color: rgba(43, 168, 74, 0.28);\n    }\n\n    &[data-active] {\n      border-color: #2ba84a;\n\n      .productgroups__selected {\n        opacity: 1;\n      }\n    }\n\n    &__pricing {\n      display: flex;\n      align-items: center;\n      color: #111;\n      font-weight: 700;\n      white-space: nowrap;\n\n      span {\n        margin-left: 5px;\n      }\n    }\n\n    &--none {\n      grid-template-columns: 1fr;\n    }\n  }\n\n  &__title {\n    font-size: 16px;\n    margin-bottom: 10px;\n\n    .productgroups__item--none & {\n      margin-bottom: 0;\n    }\n  }\n\n  &__selected {\n    display: flex;\n    align-items: center;\n    transition: .1s ease-in-out all;\n    position: absolute;\n    top: 0;\n    right: 0;\n    background: #2ba84a;\n    color: white;\n    padding: 3px;\n    border-bottom-left-radius: 5px;\n    opacity: 0;\n\n    svg {\n      width: 18px;\n      height: 18px;\n    }\n\n    @media (max-width: 530px) {\n      font-size: 10px;\n      padding: 0;\n    }\n\n    .productgroups__item--none & {\n      bottom: 0;\n      border-top-left-radius: 0;\n      border-bottom-left-radius: 0;\n    }\n  }\n\n\n  &__footer {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: flex-end;\n    align-items: center;\n    padding-top: 20px;\n    gap: 24px;\n\n    @media (max-width: 500px) {\n      display: flex;\n      padding-top: 10px;\n\n      .productgroups__pricing {\n        margin-bottom: 1rem;\n      }\n    }\n\n    button {\n      margin: 0;\n    }\n  }\n\n  &__cta {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n  }\n\n  &__image {\n    height: 85px;\n    width: 100%;\n\n\n    a {\n      &:hover {\n        cursor: zoom-in;\n      }\n    }\n\n    img {\n      width: 100%;\n      height: 100%;\n      object-fit: scale-down;\n    }\n  }\n\n  &__plus {\n    padding-left: .5em !important;\n    padding-right: .5em !important;\n  }\n\n  &__heading-icon {\n    display: flex;\n    margin-right: 5px;\n    cursor: pointer;\n\n    svg {\n      width: 16px;\n      height: 16px;\n    }\n  }\n\n  &__header-quantity {\n    display: flex;\n    align-items: center;\n\n    svg {\n      width: 14px;\n      height: 14px;\n      margin-left: 5px;\n    }\n\n    span {\n      margin-right: 3px;\n    }\n  }\n\n  &__header {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    border-radius: 5px;\n    padding: 16px 20px;\n    background: #E6F2F5;\n    cursor: pointer;\n    transition: .3s ease-in-out all;\n\n    &:hover {\n      background: darken(#E6F2F5, 5%);\n    }\n\n    .productgroups__tab[data-active] & {\n      border-radius: 5px 5px 0 0;\n    }\n  }\n\n  &__content {\n    display: none;\n    padding: 24px 16px;\n    border-left: 2px solid #E6F2F5;\n    border-right: 2px solid #E6F2F5;\n    border-bottom: 2px solid #E6F2F5;\n    border-bottom-left-radius: 5px;\n    border-bottom-right-radius: 5px;\n\n    .productgroups__tab[data-active] & {\n      display: block;\n    }\n  }\n\n  &__tab-info {\n    font-size: 14px;\n    line-height: 16px;\n\n    p:last-child {\n      margin-bottom: 0;\n    }\n  }\n\n  &__tab {\n    margin-bottom: 16px;\n  }\n\n  &__button {\n    transition: .3s ease-in-out background;\n    background: #54A655;\n    color: white;\n    border-radius: 5px;\n\n    &:hover {\n      background: darken(#54A655, 5%);\n    }\n  }\n\n  &__loader {\n    transition: .3s ease-in-out background;\n    position: absolute;\n    top: 50%;\n    transform: translate(-50%, -50%);\n    left: 50%;\n    display: inline-block;\n    width: 80px;\n    height: 80px;\n\n    .productgroups[data-active] & {\n      opacity: 0;\n      visibility: hidden;\n    }\n\n    &::after {\n      content: \" \";\n      display: block;\n      width: 64px;\n      height: 64px;\n      margin: 8px;\n      border-radius: 50%;\n      border: 6px solid #E6F2F5;\n      border-color: #E6F2F5 transparent #E6F2F5 transparent;\n      animation: productgroups-loader 1.2s linear infinite;\n    }\n  }\n\n  @keyframes productgroups-loader {\n    0% {\n      transform: rotate(0deg);\n    }\n    100% {\n      transform: rotate(360deg);\n    }\n  }\n\n  &__price {\n    font-weight: 700;\n  }\n\n  &__quantity {\n    transition: .3s ease-in-out all;\n    opacity: 0;\n    visibility: hidden;\n\n    .productgroups__item[data-active] & {\n      opacity: 1;\n      visibility: visible;\n    }\n\n  }\n\n\n  &__price-single {\n    font-size: 11px;\n    font-weight: normal !important;\n    color: #3d3d3d;\n\n    @media (min-width: 500px) {\n      font-size: 12px;\n    }\n\n    > span {\n      font-weight: normal;\n      color: #3d3d3d;\n\n    }\n  }\n\n  &__pricing {\n    display: flex;\n    gap: 8px;\n\n    &--incl {\n      font-size: 16px;\n      color: #666;\n    }\n\n    &--excl {\n      font-size: 18px;\n      font-weight: bold;\n    }\n  }\n}\n","\n\n\n.locked {\n  overflow: hidden;\n}\n\n.d-none {\n  display: none;\n}\n\n.woocommerce-mini-cart-item:has(.has-parent) {\n  display: none;\n}\n"],"names":[],"sourceRoot":""}