.notification{&[data-v-fb9ea0d6]{border-radius:1rem;padding:.15rem;background-image:url(/images/resources/noise.webp);background-size:100px;background-position:center center;user-select:none;transform:translateY(0) rotate(.0001deg)}@media(min-width:360px){&[data-v-fb9ea0d6]{padding:1rem}}.notification-content{.new-product[data-v-fb9ea0d6]{color:var(--textColor);font-weight:500}h3[data-v-fb9ea0d6]{line-height:1.5rem}.blog-excerpt[data-v-fb9ea0d6]{margin-block-start:.5rem}}}.notification--release a[data-v-fb9ea0d6]{display:flex;flex-direction:row-reverse;justify-content:space-between;align-items:center;@media(min-width:360px){align-items:flex-start}}.notification--release a img[data-v-fb9ea0d6]{max-width:120px;@media(min-width:1024px){max-width:150px}}.notification--release a.notification-read img[data-v-fb9ea0d6]{mask-image:linear-gradient(to right,#000,#0000);opacity:.9}.notification--blog{&[data-v-fb9ea0d6]{display:flex;flex-direction:column;gap:2rem;border:2px solid transparent;color:var(--textColor);line-height:1.5rem;cursor:pointer;transition:background-color .4s ease-out}a img[data-v-fb9ea0d6]{border-radius:1rem}.notification-content[data-v-fb9ea0d6]{display:flex;flex-direction:column;gap:.5rem;text-decoration:none;color:var(--textColor);margin-block-start:1rem}@media(min-width:1024px){&[data-v-fb9ea0d6]:hover{background-color:#111c2d}}& a.notification-read{&[data-v-fb9ea0d6]{opacity:.9;mask-image:linear-gradient(to bottom,#000 30%,#0000)}img[data-v-fb9ea0d6]{mask-image:linear-gradient(to right,#000 70%,#0000),linear-gradient(to bottom,#000 80%,#0000);mask-repeat:no-repeat;mask-size:100% 90%;opacity:.3}@media(min-width:1024px){&[data-v-fb9ea0d6]{display:flex;position:relative}img[data-v-fb9ea0d6]{position:absolute;top:0;right:0;max-height:100%;min-width:100%;z-index:1;mask-image:linear-gradient(to right,#000 70%,#0000),linear-gradient(to bottom,#000 80%,#0000);mask-repeat:no-repeat;mask-size:100% 90%;opacity:.3}.notification-content[data-v-fb9ea0d6]{position:relative;z-index:2;left:1rem;margin-block-start:.25rem}}}}.full-overlay[data-v-dbc05530]{width:100%;height:100%;position:fixed;inset:0;background-color:transparent;z-index:1000;animation:changeBackground-dbc05530 .5s ease-out forwards}.modal-nofitications{&[data-v-dbc05530]{position:absolute;width:100%;height:100%;top:5rem;right:0;left:0;background-color:var(--bodyBackground);max-width:90%;max-height:400px;margin:0 auto;border-radius:1rem;z-index:400;box-shadow:0 20px 50px #0006;background-image:url(/images/resources/noise.webp);background-size:100px;background-position:center center;user-select:none;transform:translateY(0) rotate(.0001deg);overflow:hidden;overflow-y:scroll}@media(min-width:1024px){&[data-v-dbc05530]{max-width:400px;max-height:600px;top:5rem;right:8rem;left:unset;margin:unset}}.modal-notifications-header[data-v-dbc05530]{padding:.75rem;border-block-end:1px solid #323131}.modal-notifications-unread-title[data-v-dbc05530],.modal-notifications-read-title[data-v-dbc05530]{padding-inline-end:.75rem;text-align:right;color:var(--textColor)}.modal-notifications-read-title[data-v-dbc05530]{padding-block:.75rem}.modal-notifications-unread-title[data-v-dbc05530]{padding-block-end:.75rem}.unread-notifications[data-v-dbc05530]{color:var(--textColor);text-align:center;border-block-end:1px solid #323131;padding-inline:.75rem;padding-block-end:.75rem}}.notification-tabs[data-v-dbc05530]{display:flex;flex-direction:column}.notification-tabs input[type=radio][data-v-dbc05530]{display:none}.notification-tabs label[data-v-dbc05530]{flex:1;padding:.25rem;text-align:center;cursor:pointer;font-weight:600;font-size:.8rem;color:var(--textColor);position:relative;z-index:2;transition:color .6s ease;display:flex;align-items:center;gap:.5rem;justify-content:center;@media(min-width:360px){font-size:1rem}@media(min-width:768px){font-size:1.125rem}}.notification-tab-labels[data-v-dbc05530]{display:flex;width:100%;padding:.75rem;border-block-end:1px solid #323131}.notification-tabs label[data-v-dbc05530]:hover{color:var(--cream)}.notification-tabs{#tabOne:checked~.notification-tab-labels label[for=tabOne][data-v-dbc05530],#tabTwo:checked~.notification-tab-labels label[for=tabTwo][data-v-dbc05530]{color:var(--mainButton)}}.notification-tabs .content[data-v-dbc05530]{position:relative}.notification-tabs .content>section[data-v-dbc05530]{opacity:0;max-height:0;overflow:hidden;transform:translateY(8px);visibility:hidden;pointer-events:none;transition:opacity .5s ease,transform .35s ease,max-height .35s ease}#tabOne:checked~.content #products[data-v-dbc05530],#tabTwo:checked~.content #blog[data-v-dbc05530]{opacity:1;max-height:9999px;transform:translateY(0);visibility:visible;pointer-events:auto;transition-delay:.05s,0s,0s}.notification-section[data-v-dbc05530]{padding:.75rem}.notification-products-list[data-v-dbc05530]{display:flex;flex-direction:column;gap:.75rem}.notification-blog-list[data-v-dbc05530]{display:flex;flex-direction:column;gap:1rem}@keyframes changeBackground-dbc05530{0%{background-color:transparent}to{background-color:#000000b3}}.modal-fade-enter-from[data-v-dbc05530]{opacity:0}.modal-fade-enter-to[data-v-dbc05530],.modal-fade-leave-from[data-v-dbc05530]{opacity:1}.modal-fade-leave-to[data-v-dbc05530]{opacity:0}.modal-fade-enter-active[data-v-dbc05530],.modal-fade-leave-active[data-v-dbc05530]{transition:opacity .4s ease}
