.for-you{margin:0 auto;padding:2.5rem 5rem}.for-you__header{margin:auto;max-width:var(--rd-layout-page-width);padding:1rem 5rem}.for-you-container,.for-you__header{display:flex;justify-content:space-between}.for-you-container{grid-gap:2.5rem;gap:2.5rem}.product-category{display:flex;flex-direction:column;flex-shrink:1;grid-gap:1rem;gap:1rem;overflow:hidden;transition:all .3s ease-in-out;width:21.125rem}.product-category.collapsed{min-width:111px;width:111px}.comparison-section{display:grid;flex:1 1;grid-gap:1.5rem;gap:1.5rem;grid-template-columns:1fr 1fr 1fr}.comparison-slot{max-width:13.75rem}.extra-icon{align-items:center;border-radius:50%;display:flex;height:1.25rem;justify-content:center;padding:.25rem;width:1.25rem}.extra-icon-small{border-radius:50%;display:grid;height:1.5rem;place-items:center;position:absolute;right:.5rem;top:.5rem;width:1.5rem}.extra-icon-small.productRecommType1,.extra-icon.productRecommType1{background:var(--text-grad-end-color)}.extra-icon-small.productRecommType2,.extra-icon.productRecommType2{background:linear-gradient(90deg,var(--text-grad-end-color),#7b61ff)}.extra-icon-small.productRecommType3,.extra-icon.productRecommType3{background:var(--rd-color-success-green-main)}.list{font-size:.75rem;font-weight:600}.list.budget{color:var(--rd-color-primary-blue-900)}.list.Personalized{background:linear-gradient(90deg,var(--text-grad-end-color),#7b61ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent}.list.Popular{color:var(--rd-color-success-green-900)}.product-grid{border-bottom:1px solid var(--rd-color-background-100);display:grid;grid-gap:.5rem;gap:.5rem;grid-template-columns:1fr 1fr 1fr;padding-bottom:1rem}.product-grid:last-child{border-bottom:none;padding-bottom:0}.product-card{background:var(--rd-color-background-500);border-radius:8px;cursor:pointer;padding:.5rem;transition:box-shadow .2s ease,transform .2s ease}.product-card.selected{border:1px solid var(--rd-color-primary-blue-main)}.product-card.right{border:1px solid var(--rd-color-background-100);min-width:10.25rem}.title-selected{max-width:12.625rem}.title-select{max-width:5.375rem}.categories-modal{align-items:flex-end;bottom:0;display:flex;justify-content:center;left:0;pointer-events:none;position:fixed;right:0;top:0;transition:background-color .3s ease;z-index:1000}.categories-modal.open{background:var(--rd-color-common-overlay);pointer-events:all}.modal-content{background:var(--rd-color-background-500);border-radius:16px 16px 0 0;max-height:88vh;max-width:450px;opacity:0;overflow-y:auto;transform:translate3d(0,100%,0);transition:transform .3s ease-out,opacity .3s ease-out}.categories-modal.open .modal-content{opacity:1;transform:translateZ(0);will-change:transform,opacity}.modal-header{background:var(--rd-color-background-500);padding:1rem .5rem 0;position:sticky;top:0;z-index:10}.close-button{background:none;border:none;color:var(--rd-color-text-300);cursor:pointer;font-size:1.5rem;position:absolute;right:1.5rem;top:1.5rem;transition:color .2s ease}.close-button:hover{color:var(--rd-color-primary-blue-main)}.modal-body{display:flex;flex-direction:column;grid-gap:.5rem;gap:.5rem;padding:0 .5rem 1rem}@media (max-width:450px){.for-you{padding:1rem}.for-you__header{flex-direction:column;padding:1rem 1rem 0}.comparison-section{grid-template-columns:1fr;grid-gap:.5rem;gap:.5rem}.comparison-slot{display:flex;grid-gap:.5rem;gap:.5rem;max-width:100%}.product-category{width:auto}.product-card{border:1px solid var(--rd-color-background-100)}.product-card.selected{border:1px solid var(--rd-color-primary-blue-main)}.product-card.right{border:1px solid var(--rd-color-background-100)}.title-selected{max-width:9.25rem}.title-select{max-width:5.125rem}.extra-icon{display:none}}@media (min-width:450px){.categories-modal{align-items:center}.modal-content{border-radius:16px;opacity:0;transform:translate3d(0,50px,0)}.categories-modal.open .modal-content{opacity:1;transform:translateZ(0)}.extra-icon-small{display:none}}.modal-backdrop{animation:fadeIn .2s ease-in-out forwards;background-color:var(--rd-color-common-overlay);inset:0;position:fixed;z-index:40}.tap-to-dismiss{color:var(--rd-color-background-500);display:none;font-size:1rem;font-weight:500;left:50%;pointer-events:none;position:absolute;text-align:center;top:2rem;transform:translateX(-50%)}.modal-wrapper{align-items:center;display:flex;inset:0;justify-content:center;padding:1rem;pointer-events:none;position:fixed;z-index:50}.modal-content{animation:scaleIn .2s ease-in-out forwards;background-color:var(--rd-color-background-500);border-radius:1rem;max-width:28rem;pointer-events:auto;width:100%}.annotation{align-items:center;display:flex;grid-gap:.5rem;gap:.5rem;pointer-events:none;position:fixed;z-index:60}.annotation-text{background-color:initial;border-radius:.375rem;color:var(--rd-color-background-500);font-size:.875rem;font-weight:500;padding:.5rem .75rem;white-space:nowrap}.annotation svg{flex-shrink:0}.arrow-flipped{transform:scaleX(-1)}.desktop-only{display:flex}.mobile-only{display:none}.annotation-top-right{left:calc(50vw + 14rem);top:calc(50vh - 13rem)}.annotation-left{right:calc(50vw + 14rem);top:calc(50vh - 5rem)}.annotation-right{left:calc(50vw + 14rem);top:48vh}.annotation-bottom-left{right:calc(50vw + 14rem);top:calc(50vh + 12rem)}.annotation-bottom-right{left:calc(50vw + 14rem);top:calc(50vh + 15rem)}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.desktop-only{display:none}.mobile-only{display:block}.tap-to-dismiss{display:block;font-size:.875rem;top:1rem}.modal-wrapper{align-items:flex-end;overflow-x:hidden;padding:0}.modal-content{animation:slideUp .3s ease-in-out forwards;border-radius:1rem 1rem 0 0;max-width:100%;max-height:90vh;overflow-y:auto}.mobile-annotations{bottom:calc(90vh + 1rem);display:flex;grid-gap:.5rem;gap:.5rem;left:0;overflow-x:auto;padding:0 1rem;pointer-events:none;position:fixed;right:0;white-space:nowrap;z-index:60}.mobile-annotation-item{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:rgba(31,41,55,.8);border-radius:2rem;display:inline-flex;padding:.5rem .75rem}.mobile-annotation-text{color:var(--rd-color-background-500);font-size:.75rem;font-weight:500}.mobile-annotations::-webkit-scrollbar{display:none}.mobile-annotations{-ms-overflow-style:none;scrollbar-width:none}}
/*# sourceMappingURL=42.6090f8df.chunk.css.map */