{"version":3,"sourceRoot":"","sources":["../../src/components/styles/_hoverEffects.scss","../../src/components/styles/consts.scss","../../src/components/styles/animations.scss","../../src/components/styles/gallery.scss"],"names":[],"mappings":"AAUK;EACC;;AAMI;EACE;;AAQN;EACE;;AAIA;EACE;;AAEF;EACE;;AAEF;EACE;;AAQJ;EACE;;AAIA;EACE;;AAMJ;EACE;;AAME;EACE;;AAON;EACE;;AAKA;EACE;;AAKN;EACE;EACA;;AAEA;EAEE;;AAEA;EACE;;AAMJ;EACE;;AAKA;EACE;;AAMJ;EACE;EACA;;AAKA;EACE;;AAMJ;EACE;EACA;;AAKA;EACE;;AA0BN;EACE;;AAEA;EACE;;AAGF;EACE;;AAKJ;EAGE;;AAEA;EACE;EACA,YClBU;;ADqBZ;AAAA;AAAA;EAEE;;AAQF;EACE;;AAEA;EACE;EACA;;AAGF;AAAA;EAEE;;AAOF;EACE;;AAMJ;EACE;;AAEA;EACE;EACA;EACA;;AAGF;AAAA;EAEE;;AAOF;EACE;EACA;;AAOJ;EACE;;AAEA;EACE;EACA;EACA;;AAGF;AAAA;EAEE;;AAOF;EACE;EACA;;AAMJ;EACE;;AAEA;EACE;EACA;EACA;;AAGF;AAAA;EAEE;;AAOF;EACE;EACA;;AAMJ;EACE;;AAEA;EACE;EACA;EACA;;AAGF;AAAA;EAEE;;AAOF;EACE;EACA;;AAOJ;EACE;;AAEA;EACE;EACA;EACA;;AAGF;AAAA;EAEE;;AAOF;EACE;EACA;;AAgCN;EACE;;AAEA;EACE;EACA,YC1NU;;AD6NZ;EACE;;AAGF;AAAA;EAEE;;AAKJ;EAGE;;AAEA;EACE;;AAGF;AAAA;AAAA;EAEE;;AAQF;EACE;;AAEA;EACE;EACA;;AAGF;AAAA;EAEE;;AAOF;EACE;;AAMJ;EACE;;AAEA;EACE;EACA;EACA;;AAGF;AAAA;EAEE;;AAOF;EACE;EACA;;AAOJ;EACE;;AAEA;EACE;EACA;EACA;;AAGF;AAAA;EAEE;;AAOF;EACE;EACA;;AAMJ;EACE;;AAEA;EACE;EACA;EACA;;AAGF;AAAA;EAEE;;AAOF;EACE;EACA;;AAMJ;EACE;;AAEA;EACE;EACA;EACA;;AAGF;AAAA;EAEE;;AAOF;EACE;EACA;;AAMJ;EACE;;AAEA;EACE;EACA;EACA;;AAGF;AAAA;EAEE;;AAOF;EACE;EACA;;;AEnjBV;EACI;;;AAIF;EACE;;AAGF;EACE;;;ACNJ;AAAA;EAEE;;;AAGF;EACE;EACA;;;AAGF;EAEE;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;AAEA;EACE,OFmIY;EElIZ;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA,aF0E2B;EEzE3B;EACA,OF6GW;EE5GX;EACA;;AAEA;EACE;;;AAKN;EACE;EACA;EACA;EACA;EACA;EACA,OFgFS;;;AE7EX;EACE,OF2EI;EE1EJ;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEF;EACE;IACE;;EAEF;IACE;;;AAIJ;EACE;EACA;EACA;;;AAGF;EACE;EACA;;AACA;EACE;EACA;EACA;EACA;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;;AAGA;EACE;;AAGF;EACE;;AAEF;EACE;;;AAKF;EACA;EACA;EACA;EACA;EACA;EACA;;;AAKA;AAAA;EAEE;;AAGF;AAAA;AAAA;EAGE;;AAIA;EACE;EACA;;AAKF;EACE;IACE;IACA;;;AAMF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAUA;EACE;;;AAWF;EACE;;;AAWF;EACE;;;AAOV;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA,aFnK2B;EEoK3B;;AAGE;EACE,YF5IO;;AE+IT;EACE,YFvHM;;AE0HR;EACE,YF5HI;;AEiIV;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,aFrM2B;EEsM3B;EACA;EACA;;AAGE;EACE;;AAEA;EACE;EACA;;AAKN;EACE;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;;AAGE;EACE;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;;AAEF;EACE;EACA;;AAKN;EAEE;;AAGF;EACE;;AAGF;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EAEE;AACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;;AAGF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAUE;EACA;;AAKJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EAEA;;AAEA;EACE;;AAGF;EACE;;AAIJ;EACE;;AAGF;EACE;EACA;EACA;;AAEA;EACE;;AAKA;EACE;EACA;;AAIF;EACE;;AAGJ;EACE;;AAGJ;EACE;EACA;;AAEA;EACE;EACA;;AAGA;EACE;EACA;EACA;;AAQF;AAAA;AAAA;AAAA;EAEE;;AAIJ;AAAA;AAAA;AAAA;EAEE;EACA;AACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,YFlWF;EEmWE,OF7XJ;EE8XI;EACA;;AAEA;AAAA;AAAA;AAAA;EACE;;AAGF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAKE;;AAGF;AAAA;AAAA;AAAA;EACE;;AAGF;AAAA;AAAA;AAAA;EACE;EACA;;AAOR;EACE;EACA;EACA;EACA;EACA;EACA;EAEA;;AAEA;EACE;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;;AACA;EACE;;AAIA;EACE;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAON;EACE;EACA;;AAOA;AAAA;EAEE;;AAIJ;AAAA;EAEE;EACA;AACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,YFpdI;EEqdJ,OF/eE;EEgfF;EACA;;AAEA;AAAA;EACE;;AAGF;AAAA;EACE;EACA;;AAIN;EAEE;EACA;;AAEA;EACE;EACA;EAEA;;AAEA;EACE;EACA;;AAKF;EACE;;AAEA;EACE;;AAMN;EACE;EACA;;AAIJ;EACE;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAKR;EACE;IACE;;;AAIJ;EACE;;AAOE;AAAA;EACE;;AAKF;EACE;;AAQA;AAAA;EACE;;AAMN;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAIJ;EACE;EACA;EACA;;AAEA;AAAA;EAEE;EACA;;AAIJ;EACE;;AAEF;EACE;;;AAMF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAIJ;EACE;EACA,YFxqBM;EEyqBN;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EACE;;;AAIJ;EACE;EACA;EACA;EACA;;AAEA;EACE;;;AAIJ;EACE;;;AAGF;EACE;IACE;;EAGF;IACE;;EAGF;IACE;;;AAmBF;EAdA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAUE;EAlBF;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAgBF;EACI;;;AAIF;EACI","file":"main.css","sourcesContent":["@import 'consts.scss';\n\ndiv.pro-gallery {\n  //common\n  .gallery-item-container {\n    //===================================================================\n    //image hover animations\n\n    &.main-color-on-hover:not(.hide-hover) {\n\n     .gallery-item-content .gallery-item {\n      transition: opacity .4s ease !important;\n     }\n\n      &.simulate-hover,\n      &:hover {\n        .gallery-item-content {\n          .gallery-item {\n            opacity: 0;\n          }\n        }\n      }\n    }\n\n    &.zoom-in-on-hover:not(.hide-hover) {\n\n      .gallery-item-hover:not(.hide-hover), .gallery-item-content, .hover-info-element {\n        transition: transform 2.2s cubic-bezier(.14, .4, .09, .99) !important;\n    }\n      &.simulate-hover,\n      &:hover {\n        .gallery-item-content {\n          transform: scale(1.1);\n        }\n        .gallery-item-hover:not(.hide-hover) {\n          transform: scale(1.110); //make sure overlay cover all edges of an image.\n        }\n        .gallery-item-hover:not(.hide-hover) .hover-info-element {\n          transform: scale(calc(1/1.110));\n        }\n\n      }\n    }\n\n    &.tilt-on-hover:not(.hide-hover) {\n\n      .gallery-item-hover:not(.hide-hover), .gallery-item-content, .hover-info-element {\n        transition: transform 1.2s cubic-bezier(.14, .4, .09, .99) !important;\n    }\n      &.simulate-hover,\n      &:hover {\n        .gallery-item-content {\n          transform: scale(0.845) rotate(calc(var(--tiltAngleValue) * 1deg));\n        }\n      }\n    }\n\n    &.blur-on-hover:not(.hide-hover) {\n      .gallery-item-content {\n        transition: filter .4s linear !important;\n      }\n\n      &.simulate-hover,\n      &:hover {\n        .gallery-item-content {\n          .gallery-item {\n            filter: blur(6px);\n          }\n        }\n      }\n    }\n\n    &.grayscale-on-hover:not(.hide-hover) {\n      .gallery-item-content {\n        transition: filter .6s ease !important;\n      }\n\n      &.simulate-hover,\n      &:hover {\n        .gallery-item-content {\n          filter: grayscale(1);\n        }\n      }\n    }\n\n    &.shrink-on-hover:not(.hide-hover) {\n      transition: background-color .4s ease !important;\n      transition: transform .4s ease !important;\n\n      &.simulate-hover,\n      &:hover {\n        transform: scale(0.985);\n\n        div {\n          transform: none !important;\n        }\n      }\n    }\n\n    &.invert-on-hover:not(.hide-hover) {\n      .gallery-item-content {\n        transition: filter .6s ease !important;\n      }\n\n      &.simulate-hover,\n      &:hover {\n        .gallery-item-content {\n          filter: invert(1);\n        }\n      }\n    }\n\n    &.color-in-on-hover {\n      .gallery-item-content {\n        filter: grayscale(1);\n        transition: filter .6s ease !important;\n      }\n\n      &.simulate-hover:not(.hide-hover),\n      &:hover:not(.hide-hover) {\n        .gallery-item-content {\n          filter: grayscale(0);\n        }\n      }\n    }\n\n    &.darkened-on-hover {\n      .gallery-item-content {\n        filter: brightness(1);\n        transition: filter .6s ease !important;\n      }\n\n      &.simulate-hover:not(.hide-hover),\n      &:hover:not(.hide-hover) {\n        .gallery-item-content {\n          filter: brightness(0.7);\n        }\n      }\n    }\n\n    //&.slide-up-on-hover:not(.hide-hover) {\n    //  &.simulate-hover,\n    //  &:hover {\n    //    transition: transform .8s ease !important;\n    //    transform: translateY(-5%);\n    //  }\n    //}\n\n    //&.expand-on-hover:not(.hide-hover) {\n    //  &.simulate-hover,\n    //  &:hover {\n    //    transition: transform .4s ease !important;\n    //    transform: scale(1.03);\n    //    z-index: 9999;\n    //  }\n    //}\n  }\n\n  //regular hover\n  .gallery-item-container:not(.invert-hover) {\n\n    .gallery-item-hover {\n      transition: none;\n\n      &:before {\n        opacity: 0;\n      }\n\n      .gallery-item-hover-inner {\n        opacity: 0;\n      }\n\n    }\n\n    .gallery-item-hover.force-hover,\n    &:hover .gallery-item-hover:not(.hide-hover) {\n\n      transition: none;\n\n      &:before {\n        opacity: 1;\n        background: $bg-dark-opacity;\n      }\n\n      .gallery-item-hover-inner,\n      .info-member:not(.hidden) {\n        opacity: 1 !important;\n      }\n    }\n\n    //===================================================================\n    //overlay animations\n\n    &.hover-animation-fade-in {\n      .gallery-item-hover {\n        transition: filter .4s ease, opacity .4s ease !important;\n\n        &:before {\n          transition: filter .4s ease, opacity .4s ease !important;\n          filter: opacity(0);\n        }\n\n        .gallery-item-hover-inner,\n        .info-member:not(.hidden) {\n          transition: opacity .4s ease;\n        }\n      }\n\n      .gallery-item-hover.force-hover,\n      &:hover .gallery-item-hover:not(.hide-hover) {\n\n        &:before {\n          filter: opacity(1);\n        }\n      }\n    }\n\n    &.hover-animation-expand {\n      .gallery-item-hover {\n        transition: transform .4s ease, filter .2s ease, opacity .2s ease !important;\n\n        &:before {\n          transition: transform .4s ease, filter .2s ease, opacity .2s ease !important;\n          transform: scale(0.9);\n          filter: opacity(0);\n        }\n\n        .gallery-item-hover-inner,\n        .info-member:not(.hidden) {\n          transition: opacity .2s ease;\n        }\n      }\n\n      .gallery-item-hover.force-hover,\n      &:hover .gallery-item-hover:not(.hide-hover) {\n\n        &:before {\n          transform: scale(1);\n          filter: opacity(1);\n        }\n      }\n    }\n\n    &.hover-animation-slide-up {\n\n      .gallery-item-hover {\n        transition: transform .4s cubic-bezier(.3, .13, .12, 1), filter .5s ease, opacity .5s ease !important;\n\n        &:before {\n          transition: transform .4s cubic-bezier(.3, .13, .12, 1), filter .5s ease, opacity .5s ease !important;\n          transform: translateY(100%);\n          filter: opacity(0);\n        }\n\n        .gallery-item-hover-inner,\n        .info-member:not(.hidden) {\n          transition: opacity .4s ease;\n        }\n      }\n\n      .gallery-item-hover.force-hover,\n      &:hover .gallery-item-hover:not(.hide-hover) {\n\n        &:before {\n          transform: translateY(0);\n          filter: opacity(1);\n        }\n      }\n    }\n\n    &.hover-animation-slide-right {\n      .gallery-item-hover {\n        transition: transform .4s cubic-bezier(.3, .13, .12, 1), filter .5s ease, opacity .5s ease !important;\n\n        &:before {\n          transition: transform .4s cubic-bezier(.3, .13, .12, 1), filter .5s ease, opacity .5s ease !important;\n          transform: translateX(-100%);\n          filter: opacity(0);\n        }\n\n        .gallery-item-hover-inner,\n        .info-member:not(.hidden) {\n          transition: opacity .4s ease;\n        }\n      }\n\n      .gallery-item-hover.force-hover,\n      &:hover .gallery-item-hover:not(.hide-hover) {\n\n        &:before {\n          transform: translateX(0);\n          filter: opacity(1);\n        }\n      }\n    }\n\n    &.hover-animation-slide-left {\n      .gallery-item-hover {\n        transition: transform .4s cubic-bezier(.3, .13, .12, 1), filter .5s ease, opacity .5s ease !important;\n\n        &:before {\n          transition: transform .4s cubic-bezier(.3, .13, .12, 1), filter .5s ease, opacity .5s ease !important;\n          transform: translateX(100%);\n          filter: opacity(0);\n        }\n\n        .gallery-item-hover-inner,\n        .info-member:not(.hidden) {\n          transition: opacity .4s ease;\n        }\n      }\n\n      .gallery-item-hover.force-hover,\n      &:hover .gallery-item-hover:not(.hide-hover) {\n\n        &:before {\n          transform: translateX(0);\n          filter: opacity(1);\n        }\n      }\n    }\n\n    &.hover-animation-slide-down {\n\n      .gallery-item-hover {\n        transition: transform .4s cubic-bezier(.3, .13, .12, 1), filter .5s ease, opacity .5s ease !important;\n\n        &:before {\n          transition: transform .4s cubic-bezier(.3, .13, .12, 1), filter .5s ease, opacity .5s ease !important;\n          transform: translateY(-100%);\n          filter: opacity(0);\n        }\n\n        .gallery-item-hover-inner,\n        .info-member:not(.hidden) {\n          transition: opacity .4s ease;\n        }\n      }\n\n      .gallery-item-hover.force-hover,\n      &:hover .gallery-item-hover:not(.hide-hover) {\n\n        &:before {\n          transform: translateY(0);\n          filter: opacity(1);\n        }\n      }\n    }\n\n    //&.hover-animation-radius {\n    //  .gallery-item-hover {\n    //    &:before {\n    //      transform: scale(0);\n    //      border-radius: 100%;\n    //    }\n    //  }\n    //\n    //  .gallery-item-hover.force-hover,\n    //\n    //  &:hover .gallery-item-hover:not(.hide-hover) {\n    //\n    //      transition: opacity .2s ease .6s !important;\n    //\n    //\n    //    &:before {\n    //      transition: transform .8s ease, border-radius .8s ease !important;\n    //      transform: scale(1);\n    //      border-radius: 0;\n    //    }\n    //  }\n    //}\n  }\n\n  //invert-hover\n  .gallery-item-container.invert-hover {\n\n    .gallery-item-hover {\n      transition: none;\n\n      &:before {\n        opacity: 1;\n        background: $bg-dark-opacity;\n      }\n\n      .gallery-item-hover-inner {\n        opacity: 1;\n      }\n\n      .gallery-item-hover-inner,\n      .info-member:not(.hidden) {\n        opacity: 1 !important;\n      }\n\n    }\n\n    .gallery-item-hover.force-hover,\n    &:hover .gallery-item-hover:not(.hide-hover) {\n\n      transition: none;\n\n      &:before {\n        opacity: 0;\n      }\n\n      .gallery-item-hover-inner,\n      .info-member:not(.hidden) {\n        opacity: 0 !important;\n      }\n    }\n\n    //===================================================================\n    //overlay animations\n\n    &.hover-animation-fade-in {\n      .gallery-item-hover {\n        transition: filter .4s ease, opacity .4s ease !important;\n\n        &:before {\n          transition: filter .4s ease, opacity .4s ease !important;\n          filter: opacity(1);\n        }\n\n        .gallery-item-hover-inner,\n        .info-member:not(.hidden) {\n          transition: opacity .4s ease;\n        }\n      }\n\n      .gallery-item-hover.force-hover,\n      &:hover .gallery-item-hover:not(.hide-hover) {\n\n        &:before {\n          filter: opacity(0);\n        }\n      }\n    }\n\n    &.hover-animation-expand {\n      .gallery-item-hover {\n        transition: transform 0.4s ease, filter .2s ease, opacity .2s ease !important;\n\n        &:before {\n          transition: transform 0.4s ease, filter .2s ease, opacity .2s ease !important;\n          transform: scale(1);\n          filter: opacity(1);\n        }\n\n        .gallery-item-hover-inner,\n        .info-member:not(.hidden) {\n          transition: opacity .2s ease;\n        }\n      }\n\n      .gallery-item-hover.force-hover,\n      &:hover .gallery-item-hover:not(.hide-hover) {\n\n        &:before {\n          transform: scale(0.9);\n          filter: opacity(0);\n        }\n      }\n    }\n\n    &.hover-animation-slide-up {\n\n      .gallery-item-hover {\n        transition: transform .4s cubic-bezier(.3, .13, .12, 1), filter .5s ease, opacity .5s ease !important;\n\n        &:before {\n          transition: transform .4s cubic-bezier(.3, .13, .12, 1), filter .5s ease, opacity .5s ease !important;\n          transform: translateY(0);\n          filter: opacity(1);\n        }\n\n        .gallery-item-hover-inner,\n        .info-member:not(.hidden) {\n          transition: opacity .4s ease;\n        }\n      }\n\n      .gallery-item-hover.force-hover,\n      &:hover .gallery-item-hover:not(.hide-hover) {\n\n        &:before {\n          transform: translateY(100%);\n          filter: opacity(0);\n        }\n      }\n    }\n\n    &.hover-animation-slide-right {\n      .gallery-item-hover {\n        transition: transform .4s cubic-bezier(.3, .13, .12, 1), filter .5s ease, opacity .5s ease !important;\n\n        &:before {\n          transition: transform .4s cubic-bezier(.3, .13, .12, 1), filter .5s ease, opacity .5s ease !important;\n          transform: translateX(0);\n          filter: opacity(1);\n        }\n\n        .gallery-item-hover-inner,\n        .info-member:not(.hidden) {\n          transition: opacity .4s ease;\n        }\n      }\n\n      .gallery-item-hover.force-hover,\n      &:hover .gallery-item-hover:not(.hide-hover) {\n\n        &:before {\n          transform: translateX(-100%);\n          filter: opacity(0);\n        }\n      }\n    }\n\n    &.hover-animation-slide-left {\n      .gallery-item-hover {\n        transition: transform .4s cubic-bezier(.3, .13, .12, 1), filter .5s ease, opacity .5s ease !important;\n\n        &:before {\n          transition: transform .4s cubic-bezier(.3, .13, .12, 1), filter .5s ease, opacity .5s ease !important;\n          transform: translateX(100%);\n          filter: opacity(1);\n        }\n\n        .gallery-item-hover-inner,\n        .info-member:not(.hidden) {\n          transition: opacity .4s ease;\n        }\n      }\n\n      .gallery-item-hover.force-hover,\n      &:hover .gallery-item-hover:not(.hide-hover) {\n\n        &:before {\n          transform: translateX(0);\n          filter: opacity(0);\n        }\n      }\n    }\n\n    &.hover-animation-slide-down {\n      .gallery-item-hover {\n        transition: transform .4s cubic-bezier(.3, .13, .12, 1), filter .5s ease, opacity .5s ease !important;\n\n        &:before {\n          transition: transform .4s cubic-bezier(.3, .13, .12, 1), filter .5s ease, opacity .5s ease !important;\n          transform: translateY(-100%);\n          filter: opacity(1);\n        }\n\n        .gallery-item-hover-inner,\n        .info-member:not(.hidden) {\n          transition: opacity .4s ease;\n        }\n      }\n\n      .gallery-item-hover.force-hover,\n      &:hover .gallery-item-hover:not(.hide-hover) {\n\n        &:before {\n          transform: translateY(0);\n          filter: opacity(0);\n        }\n      }\n    }\n  }\n}\n","$enable-wix-style-css: false;\n@import 'modules/mixins-utils';\n@import 'modules/mixins-tpa';\n$wix-color-white: #ffffff;\n$wix-color-red03: #d6453d;\n$wix-color-red10: #ee5951;\n$wix-color-dark60: #dfe5eb;\n$dialog-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2),\n0 13px 19px 2px rgba(0, 0, 0, 0.14),\n0 5px 24px 4px rgba(0, 0, 0, 0.12);\n$wix-dialog-shadow: 0 0 21px 2px rgba(22, 45, 61, 0.6);\n$background-gray: #e0e9f2;\n$background-gray-light: #f1f1f1;\n$background-gray-lighter: #f7f7f7;\n$background-gray-lightest: #fefefe;\n$text-darker: #20303c;\n$text-dark: #2b5672;\n$text-darkest: #162d3d;\n$text-normal: #7a92a5;\n$text-light: #b0bec5;\n$text-placeholder: #b6c1cd;\n$blackish-opacity: rgba(0, 0, 0, 0.2);\n$black-opacity: rgba(0, 0, 0, 0.4);\n$blacker-opacity: rgba(0, 0, 0, 0.7);\n$blackest-opacity: rgba(0, 0, 0, 0.9);\n$whitest-opacity: rgba(255, 255, 255, 0.95);\n$whiter-opacity: rgba(255, 255, 255, 0.8);\n$white-opacity: rgba(255, 255, 255, 0.2);\n$wix-menu-background: #edf2f7;\n$wix-menu-button: #2b81cb;\n$wix-menu-button-hover: #0d487f;\n$wix-menu-border: #d9e1e8;\n$wix-menu-button-danger: #c15150;\n$wix-menu-button-danger-hover: #942b28;\n$input-background: #fcfdff;\n$input-border: #c4e1f9;\n$border-separator: #d6e1e8;\n$symbol-color: #7fccf7;\n$background-menu: #d3edff;\n$wix-blue: #116dff;\n$wix-blue-selected: #b9e0fb;\n$wix-color-blue01: #0048ae;\n$wix-color-blue35: #d9e3f3;\n$wix-color-dark75: #f0f3f5;\n$wix-blue-hover: #4eb7f5;\n$wix-header-bg: #e7eff5;\n$divider-color: #d9e1e8;\n$arrow-box-shadow: rgba(52, 94, 151, .43);\n$arrow-hover-box-shadow: rgba(56, 153, 236, .9);\n$gray-url-svg: #797979;\n$disabled-label: #939393;\n$disabled-input-placeholder: #7a7a7a;\n$white: #fff;\n$black: #000;\n$header-color: #3899ec;\n$light-blue: #eaf7ff;\n$light-blue-active: #daeffe;\n$light-blue-hover: #d3edff;\n$light-blue-hover-border: #c6e2f7;\n$orange-hover: #fc975c;\n$light-sky-blue: #7ecaf5;\n$menu-opacity: rgba(22, 45, 61, 0.7);\n$figcaption-box-shadow: rgba(22, 45, 61, .5);\n$main-text-size: 14px;\n$padding: 24px;\n$link-text-color: #3899ec;\n$share-item-border: #d5d5d5;\n@mixin font($weight) {\n  @if $weight=='ulight' {\n    font-family: $font-ulight;\n    font-weight: 100;\n  }\n  @else if $weight=='light' {\n    font-family: $font-light;\n    font-weight: 200;\n  }\n  @else if $weight=='thin' {\n    font-family: $font-thin;\n    font-weight: 300;\n  }\n  @else if $weight=='thin-400-weight' {\n    font-family: $font-thin;\n    font-weight: 400;\n  }\n  @else if $weight=='normal' {\n    font-family: $font-normal;\n    font-weight: 400;\n  }\n  @else if $weight=='normal-300-weight' {\n    font-family: $font-normal;\n    font-weight: 300;\n  }\n  @else if $weight=='medium' {\n    font-family: $font-medium;\n    font-weight: 600;\n  }\n  @else if $weight=='bold' {\n    font-family: $font-bold;\n    font-weight: 600;\n  }\n  @else {\n    font-family: $font-thin;\n    font-weight: 300;\n  }\n}\n\n$wix-font-family-helvetica-25: \"HelveticaNeueW01-UltLt\",\n\"HelveticaNeueW02-UltLt\",\n\"HelveticaNeueW10-25UltL\",\nsans-serif;\n$wix-font-family-helvetica-35: \"HelveticaNeueW01-Thin\",\n\"HelveticaNeueW02-Thin\",\n\"HelveticaNeueW10-35Thin\",\nsans-serif;\n$wix-font-family-helvetica-45: \"HelveticaNeueW01-45Ligh\",\n\"HelveticaNeueW02-45Ligh\",\n\"HelveticaNeueW10-45Ligh\",\nsans-serif;\n$wix-font-family-helvetica-55: \"HelveticaNeueW01-55Roma\",\n\"HelveticaNeueW02-55Roma\",\n\"HelveticaNeueW10-55Roma\",\nsans-serif;\n$wix-font-family-helvetica-65: \"HelveticaNeueW01-65Medi\",\n\"HelveticaNeueW02-65Medi\",\n\"HelveticaNeueW10-65Medi\",\nsans-serif;\n$wix-font-family-helvetica-75: \"HelveticaNeueW01-75Bold\",\n\"HelveticaNeueW02-75Bold\",\n\"HelveticaNeueW10-75Bold\",\nsans-serif;\n$font-ulight: $wix-font-family-helvetica-25;\n$font-thin: $wix-font-family-helvetica-35;\n$font-light: $wix-font-family-helvetica-45;\n$font-normal: $wix-font-family-helvetica-55;\n$font-medium: $wix-font-family-helvetica-65;\n$font-bold: $wix-font-family-helvetica-75;\n$white: #fff;\n$red: #e03939;\n$wix-blue: #116dff;\n$dark-gray: #111;\n$medium-gray: #49494b;\n$light-gray: #dbdbe0;\n$lighter-gray: #cdcdd0;\n$light-border: #eeeeee;\n$dark-border: #333333;\n$separator-gray: #d7dfe6;\n$tooltip-text: #171616;\n$tooltip-border: rgba(203, 203, 203, 1);\n$panel-danger: #ec5a56;\n$panel-primary: #3f9ae9;\n$hover-icons: #ffffff;\n$social-icons: #5d5d61;\n$facebook-hover: #36609f;\n$twitter-hover: #2aa9e0;\n$pinterest-hover: #ca2027;\n$tumblr-hover: #37465d;\n$mail-hover: #448ccb;\n$divider: rgba(8, 8, 8, 0.2);\n$bg-bright: #ffffff;\n$icons-bright: #080808;\n$social-bright: #5d5d61;\n$bg-brightless: #e9e9e9;\n$bg-dark: #080808;\n$bg-dark-opacity: rgba(8, 8, 8, 0.75);\n$icons-dark: #ffffff;\n$social-dark: #dbdbe0;\n$light-red: #ff9999;\n$light-green: #c1f0c1;\n$animated-bright-bg: rgba(241, 241, 241, 0.2);\n$animated-dark-bg: rgba(241, 241, 241, 1);\n@mixin placeholder($color, $size:'') {\n  &::-webkit-input-placeholder {\n    color: $color;\n    @if $size !='' {\n      font-size: $size;\n    }\n  }\n  &:-moz-placeholder {\n    color: $color;\n    @if $size !='' {\n      font-size: $size;\n    }\n  }\n  &:-ms-input-placeholder {\n    color: $color;\n    @if $size !='' {\n      font-size: $size;\n    }\n  }\n}\n",".animation-slide {\n    transition: width 0.4s ease, height 0.4s ease, top 0.4s ease, left 0.4s ease;\n}\n\n.item-with-secondary-media-container {\n  .secondary-media-item.hide {\n    opacity: 0,;\n  }\n\n  .secondary-media-item.show {\n    opacity: 1;\n  }\n}","@import 'consts.scss';\n@import 'hoverEffects.scss';\n@import 'animations.scss';\n\n*[data-collapsed=\"true\"] .pro-gallery-parent-container .gallery-item,\n*[data-hidden=\"true\"] .pro-gallery-parent-container .gallery-item {\n  background-image: none !important;\n}\n\nhtml.pro-gallery {\n  width: 100%;\n  height: auto;\n}\n\nbody.pro-gallery {\n  // opacity: 0;\n  transition: opacity 2s ease;\n}\n\n#gallery-loader {\n  position: fixed;\n  top: 50%;\n}\n\n.show-more-container {\n  text-align: center;\n  line-height: 138px;\n\n  i.show-more {\n    color: $social-bright;\n    font-size: 40px;\n    cursor: pointer;\n    margin-top: -3px;\n  }\n\n  button.show-more {\n    display: inline-block;\n    padding: 11px 29px;\n    border-radius: 0;\n    border: 2px solid $social-icons;\n    font-family: $font-light;\n    font-size: 12px;\n    color: $social-icons;\n    background: transparent;\n    cursor: pointer;\n\n    &:hover {\n      background: rgba(0, 0, 0, 0.1);\n    }\n  }\n}\n\n.more-items-loader {\n  display: block;\n  width: 100%;\n  text-align: center;\n  line-height: 50px;\n  font-size: 30px;\n  color: $wix-blue;\n}\n\n.version-header {\n  color: $red;\n  text-align: left;\n  font-family: \"Consolas\", monospace;\n  font-size: 13px;\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 320px;\n  height: 100px;\n  line-height: 30px;\n  background: rgba(255, 255, 255, 0.8);\n  z-index: 100;\n}\n\n.auto-slideshow-button {\n  margin-top: 19px; //24 $padding(consts.scss) - 5px padding top\n  padding: 5px;\n  height: 28px; //18px icon + 5px padding top + 5px padding bottom\n  width: 20px; //10px icon + 5px padding top + 5px padding bottom\n  left: auto;\n  z-index: 1;\n  position: absolute;\n  display: flex;\n  text-align: center;\n  cursor: pointer;\n  opacity: 0.9;\n}\n\n.auto-slideshow-counter {\n  margin-top: 24px; //24 $padding(consts.scss)\n  left: auto;\n  z-index: 1;\n  position: absolute;\n  display: flex;\n  text-align: center;\n  opacity: 0.9;\n  font-size: 15px;\n  line-height: normal;\n}\n@keyframes fadeIn {\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n}\n\n.mouse-cursor {\n  display: flex;\n  width: 100%;\n  position: absolute;\n}\n\n.follow-mouse-cursor {\n  position: absolute;\n  transition: all 0.2s ease;\n  > div {\n    pointer-events: none;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n  }\n}\n\n.nav-arrows-container {\n  left: auto;\n  position: absolute;\n  display: flex;\n  text-align: center;\n  cursor: pointer;\n  opacity: 0.9;\n  //font-size: 40px;\n  align-items: center;\n  background: transparent;\n  border: none;\n  outline: none;\n  justify-content: center;\n\n\n  &:hover {\n    opacity: 1;\n  }\n\n  &.shadow svg {\n    filter: drop-shadow(0px 1px 0.15px #B2B2B2);\n  }\n  .slideshow-arrow {\n    flex-shrink: 0;\n  }\n}\n\n.arrow-portal-container {\n  span {\n  animation: fadeIn 0.1s ease-in-out;\n  position: fixed;\n  transition: top 50ms, left 50ms;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  }\n}\ndiv.gallery-slideshow {\n\n  div.pro-gallery,\n  .gallery-column {\n    box-sizing: content-box !important;\n  }\n\n  .gallery-group,\n  .gallery-item-container,\n  .gallery-item-wrapper {\n    overflow: visible !important;\n  }\n\n  &.streched {\n    .gallery-slideshow-info {\n      padding-left: 50px !important;\n      padding-right: 50px !important;\n    }\n  }\n\n  div.pro-gallery {\n    @media (max-width: 500px) {\n      .gallery-slideshow-info {\n        padding-left: 20px;\n        padding-right: 20px;\n      }\n    }\n\n    .gallery-item-container {\n\n      .gallery-slideshow-info {\n        position: absolute;\n        padding-top: 0px;\n        bottom: -220px;\n        height: 220px;\n        width: 100%;\n        box-sizing: border-box;\n        display: flex;\n        z-index: 15;\n      }\n    }\n  }\n}\n\n.gallery-thumbnails {\n  div.pro-gallery {\n    .gallery-item-container {\n      .gallery-item-wrapper {\n        .gallery-item-hover {\n          padding: 30px 60px;\n        }\n      }\n    }\n  }\n}\n\n.gallery-slider {\n  div.pro-gallery {\n    .gallery-item-container {\n      .gallery-item-wrapper {\n        .gallery-item-hover {\n          padding: 30px 10px 50px;\n        }\n      }\n    }\n  }\n}\n\n.gallery-columns {\n  div.pro-gallery {\n    .gallery-item-container {\n      .gallery-item-wrapper {\n        .gallery-item-hover {\n          padding: 30px;\n        }\n      }\n    }\n  }\n}\n\ndiv.pro-gallery {\n  width: 100%;\n  height: 100%;\n  overflow: hidden;\n  backface-visibility: hidden;\n  position: relative;\n\n  .gallery-column {\n    float: left;\n    overflow: hidden;\n    position: relative;\n    transform-style: preserve-3d;\n    backface-visibility: hidden;\n\n    .gallery-left-padding {\n      display: inline-block;\n      height: 100%;\n    }\n\n    .gallery-top-padding {\n      display: block;\n      width: 100%;\n    }\n  }\n\n  .gallery-group {\n    float: left;\n    overflow: hidden;\n    position: relative;\n    transform-style: preserve-3d;\n    backface-visibility: hidden;\n    box-sizing: border-box;\n    padding: 0;\n    font-family: $font-light;\n    font-size: 11px;\n\n    &.debug {\n      &.gallery-group-gone {\n        background: $lighter-gray;\n      }\n\n      &.gallery-group-visible {\n        background: $light-green;\n      }\n\n      &.gallery-group-hidden {\n        background: $light-red;\n      }\n    }\n  }\n\n  .gallery-item-container {\n    position: absolute;\n    display: inline-block;\n    vertical-align: top;\n    border: none;\n    padding: 0;\n    border-radius: 0;\n    box-sizing: border-box;\n    overflow: hidden;\n    transform-style: preserve-3d;\n    backface-visibility: hidden;\n    outline: none;\n    text-decoration: none;\n    color: inherit;\n    will-change: top, left, width, height;\n    box-sizing: border-box;\n    font-family: $font-light;\n    font-size: 11px;\n    cursor: default;\n    scroll-snap-align: center;\n\n    &:hover {\n      .gallery-item-common-info {\n        cursor: pointer;\n\n        button {\n          text-decoration: underline;\n          cursor: pointer;\n        }\n      }\n    }\n\n    &.visible {\n      transform: translate3d(0, 0, 0);\n    }\n\n    &.clickable {\n      cursor: pointer;\n    }\n\n    .gallery-item-wrapper {\n      position: relative;\n      width: 100%;\n      height: 100%;\n      overflow: hidden;\n\n      .item-with-secondary-media-container {\n        .secondary-media-item {\n          position: absolute;\n          z-index: 1;\n          width: 100%;\n          height: 100%;\n          top: 0;\n          left: 0;\n          .gallery-item {\n            object-fit: cover;\n          }\n          .text-item > div {\n            width: 100% !important;\n            height: 100% !important;\n          }\n        }\n      }\n\n      &.transparent,\n      &.cube-type-fit {\n        background: transparent;\n      }\n\n      .gallery-item-preload {\n        display: none;\n      }\n\n      &.cube-type-fit .gallery-item {\n        background: transparent;\n        object-fit: contain;\n      }\n\n      .gallery-item {\n        object-fit: cover;\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        margin: 0;\n        overflow: hidden;\n        border-radius: 0;\n\n        &.text-item {\n\n          box-sizing: border-box;\n          /*! autoprefixer: ignore next */\n          -webkit-font-smoothing: antialiased;\n          white-space: initial;\n\n          .te-pro-gallery-text-item {\n            line-height: normal !important;\n            letter-spacing: normal !important;\n          }\n\n          > div {\n            background: initial !important;\n            box-sizing: border-box;\n          }\n\n          p,\n          span,\n          div,\n          h1,\n          h2,\n          h3,\n          h4,\n          h5,\n          h6,\n          i {\n            margin: 0;\n            padding: 0;\n          }\n\n        }\n\n        .pro-circle-preloader {\n          top: 50%;\n          left: 50%;\n          height: 30px;\n          width: 15px;\n          z-index: -1;\n          opacity: 0.4;\n        }\n\n        img.gallery--placeholder-item {\n          width: 100% !important;\n          height: 100% !important;\n          object-fit: cover;\n          object-position: center;\n        }\n\n        &.gallery-item-loaded {\n          background-color: transparent;\n          opacity: 1 !important;\n          // filter: none !important;\n          animation: none !important;\n\n          &.image-item:after {\n            display: none !important;\n          }\n\n          ~.pro-circle-preloader {\n            display: none;\n          }\n        }\n\n        &.error {\n          opacity: 0 !important;\n        }\n\n        &.gallery-item-preloaded {\n          background-size: cover;\n          background-repeat: no-repeat;\n          background-position: center center;\n\n          &.grid-fit {\n            background-size: contain;\n          }\n        }\n        &.gallery-item-3d-placeholder {\n          &.three-d-loaded {\n            img {\n              opacity: 0;\n              pointer-events: none;\n            }\n          }\n          &.three-d-loading {\n            img {\n              opacity: 1;\n            }\n          }\n          img {\n            transition: opacity .2s ease;\n          }\n        }\n        &.gallery-item-video {\n          overflow: hidden;\n          text-align: center; //for grid crop\n\n          iframe {\n            left: 0;\n            top: 0;\n          }\n          &.playedOnce {\n            ~ .image-item {\n              pointer-events: none;\n              opacity: 0;\n              transition: opacity .2s ease;\n            }\n          }\n        }\n        &.gallery-item-video, &.gallery-item-3d-placeholder, &.thumbnailItem {\n\n          &.playing {\n\n            button,\n            i {\n              display: none;\n            }\n          }\n\n          button,\n          i {\n            display: inline-block;\n            text-rendering: auto;\n            /*! autoprefixer: ignore next */\n            -webkit-font-smoothing: antialiased;\n            position: absolute;\n            z-index: 11;\n            top: 50%;\n            left: 50%;\n            height: 60px;\n            text-align: center;\n            margin: -30px 0 0 -30px;\n            background: $bg-dark;\n            color: $white;\n            border-radius: 50px;\n            opacity: 0.7;\n\n            &.play-triangle {\n              opacity: 1;\n            }\n\n            &.play-triangle,\n            &.play-background {\n              //padding-left: 6px;\n              //width: 54px;\n              //line-height: 58px;\n              font-size: 26px;\n            }\n\n            &:hover {\n              opacity: 0.9;\n            }\n\n            &:before {\n              font-size: 2.3em;\n              opacity: 1;\n            }\n          }\n        }\n\n      }\n\n      .gallery-item-info {\n        position: absolute;\n        bottom: -220px;\n        height: 220px;\n        width: 100%;\n        box-sizing: border-box;\n        display: flex;\n        //border-radius: $image-radius+px;\n        z-index: 15;\n\n        >div {\n          height: 100%;\n          width: 100%;\n        }\n      }\n\n      .gallery-item-hover {\n        white-space: initial;\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        margin: 0;\n        box-sizing: border-box;\n        border-radius: 0;\n        //border-radius: $image-radius+px;\n        z-index: 15;\n        overflow: hidden;\n        .gallery-item-hover-inner {\n          height: 100%;\n        }\n\n        &.no-hover-bg {\n          &:before {\n            opacity: 0 !important;\n          }\n        }\n\n        &:before {\n          content: ' ';\n          position: absolute;\n          top: 0;\n          left: 0;\n          width: 100%;\n          height: 100%;\n          margin: 0;\n          box-sizing: border-box;\n          z-index: -1;\n        }\n\n      }\n\n    }\n\n    .gallery-item-common-info {\n      box-sizing: border-box;\n      cursor: pointer;\n    }\n  }\n  .thumbnailItem {\n\n    &.playing {\n\n      button,\n      i {\n        display: none;\n      }\n    }\n\n    button,\n    i {\n      display: inline-block;\n      text-rendering: auto;\n      /*! autoprefixer: ignore next */\n      -webkit-font-smoothing: antialiased;\n      position: absolute;\n      z-index: 11;\n      top: 50%;\n      left: 50%;\n      height: 28px;\n      width: 28px;\n      text-align: center;\n      margin: -16px -1px 0 -16px;\n      background: $bg-dark;\n      color: $white;\n      border-radius: 100%;\n      opacity: 0.7;\n\n      &.play-triangle {\n        opacity: 1;\n      }\n\n      &:before {\n        font-size: 2.3em;\n        opacity: 1;\n      }\n    }\n  }\n  &.one-row {\n    //overflow-x: scroll;\n    white-space: nowrap;\n    float: left;\n\n    .gallery-column {\n      width: 100%;\n      float: none;\n      //overflow-x: scroll;\n      white-space: nowrap;\n\n      .gallery-group {\n        display: inline-block;\n        float: none;\n      }\n    }\n\n    &.slider {\n      .gallery-column {\n        overflow-x: scroll;\n\n        &.scroll-snap {\n          scroll-snap-type: x mandatory;\n        }\n\n      }\n    }\n\n    .gallery-horizontal-scroll-inner {\n      position: relative;\n      will-change: transform;\n    }\n  }\n\n  &.thumbnails-gallery {\n    overflow: hidden;\n    float: left;\n\n    .galleryColumn {\n      position: relative;\n      overflow: visible;\n    }\n\n    .thumbnailItem {\n      position: absolute;\n      background-color: white;\n      background-size: cover;\n      background-position: center;\n      overflow-y: inherit;\n      border-radius: 0px;\n      cursor: pointer;\n      \n      &.pro-gallery-highlight::after {\n          content: '';\n          display: block;\n          height: 100%;\n          position: absolute;\n          top: 0;\n          left: 0;\n          width: 100%;\n          background-color: rgba(255, 255, 255, .6);\n      }\n    }\n  }\n\n  @media (max-width: 500px) {\n    &.thumbnails-gallery {\n      overflow: visible;\n    }\n  }\n\n  *:focus {\n    box-shadow: none; //remove wix's default blue shadow\n  }\n\n  &.accessible {\n\n    i,\n    button:not(.nav-arrows-container, .has-custom-focus) {\n      &:focus {\n        box-shadow: 0 0 0 1px $white, 0 0 1px 2px $wix-blue;\n      }\n    }\n\n    .has-custom-focus {\n      &:focus {\n        box-shadow: inset 0 0 0 1px $white, inset 0 0 1px 4px $wix-blue;\n      }\n    }\n\n    .gallery-item-hover {\n\n      i,\n      button {\n        &:focus {\n          box-shadow: none;\n        }\n      }\n    }\n\n\n    .thumbnailItem.pro-gallery-highlight::after {\n      box-shadow: inset 0 0 1px 2px $wix-blue, inset 0 0 7px 0 $white, 0 0 10px -5px $wix-blue;\n    }\n\n    .gallery-item-container:focus::after {\n      content: ' ';\n      width: 100%;\n      height: 100%;\n      position: absolute;\n      top: 0;\n      left: 0;\n      box-shadow: inset 0 0 1px 2px $wix-blue, inset 0 0 7px 0 $white, inset 0 0 10px -5px $wix-blue;\n      pointer-events: none;\n      border-radius: inherit;\n      z-index: 15;\n    }\n\n    .pro-gallery-thumbnails-highlighted::before {\n      box-shadow: inset 0 0 1px 2px $wix-blue, inset 0 0 7px 0 $white, inset 0 0 10px -5px $wix-blue;\n    }\n\n    .pro-gallery-thumbnails-highlighted::after {\n      content: ' ';\n      width: 100%;\n      height: 100%;\n      position: absolute;\n      top: 0;\n      left: 0;\n      box-shadow: inset 0 0 1px 2px $wix-blue, inset 0 0 7px 0 $white, 0 0 10px -5px $wix-blue;\n      pointer-events: none;\n      border-radius: inherit;\n    }\n  }\n\n  .hide-scrollbars {\n    -ms-overflow-style: none;\n    overflow: -moz-scrollbars-none;\n    scrollbar-width: none;\n\n    &::-webkit-scrollbar,\n    ::-webkit-scrollbar {\n      width: 0 !important;\n      height: 0 !important;\n    }\n  }\n\n  .rtl {\n    direction: rtl;\n  }\n  .ltr {\n    direction: ltr;\n  }\n\n}\n\n.sr-only {\n  &.out-of-view-component{\n    position: absolute;\n    width: 1px;\n    height: 1px;\n    padding: 0;\n    margin: -1px;\n    overflow: hidden;\n    clip-path: circle(0%);\n    border: 0;\n  }\n}\n\n.screen-logs {\n  word-wrap: break-word;\n  background: $white;\n  width: 280px;\n  font-size: 10px;\n}\n\n.fade {\n  display: block;\n  transition: opacity 600ms ease;\n}\n\n.fade-visible {\n  opacity: 1;\n}\n\n.fade-hidden {\n  opacity: 0;\n}\n\n.deck-before {\n  display: block;\n  z-index: 1;\n  transition: transform 600ms ease;\n  transform: translateX(-(100%));\n}\n\n.deck-before-rtl {\n  display: block;\n  z-index: 1;\n  transition: transform 600ms ease;\n  transform: translateX(100%);\n}\n\n.deck-current {\n  display: block;\n  z-index: 0;\n  transition: transform 600ms ease;\n  transform: translateX(0);\n\n  .override {\n    transition: transform 600ms ease, opacity 0.1s ease 200ms !important;\n  }\n}\n\n.deck-after {\n  display: block;\n  transition: opacity .2s ease 600ms;\n  z-index: -1;\n  opacity: 0;\n\n  .override {\n    transition: opacity 0.1s ease 0s !important;\n  }\n}\n\n.disabled-transition {\n  transition: none !important;\n}\n\n@keyframes changing_background {\n  0% {\n    background-color: rgba(241, 241, 241, 0.2);\n  }\n\n  50% {\n    background-color: rgba(241, 241, 241, 0.8);\n  }\n\n  100% {\n    background-color: rgba(241, 241, 241, 0.2);\n  }\n}\n\n@mixin scroll-snap-element {\n  content:'';\n  position: absolute;\n  scroll-snap-align: center;\n  top: var(--group-top);\n  left: var(--group-left);\n  width: var(--group-width);\n  right: var(--group-right);\n  height: 1px;\n  pointer-events: none;\n}\n\n$group-view: '[data-hook=\"group-view\"]';\n\n.pro-gallery-parent-container{\n  &.gallery-slideshow #{$group-view}::before {   \n      @include scroll-snap-element;\n  }\n  &:not(.gallery-slideshow) {\n    & #{$group-view} .item-link-wrapper::before { \n      @include scroll-snap-element;\n    }\n  }\n} \n\n.gallery-item-container {\n    scroll-snap-align: none !important;\n}\n\n.gallery-slideshow {\n  .gallery-item-container:not(.clickable) a {\n      cursor: default;\n  }\n}"]}