/* source: C76M54fY7z926wIQoWFh8Y / c76_group_31 / expert_picker_trial */
@font-face{font-family:"Manrope";src:url("../favorite-page/fonts/manrope/Manrope-400.ttf") format("truetype");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Manrope";src:url("../favorite-page/fonts/manrope/Manrope-500.ttf") format("truetype");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:"Manrope";src:url("../favorite-page/fonts/manrope/Manrope-600.ttf") format("truetype");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:"Manrope";src:url("../favorite-page/fonts/manrope/Manrope-700.ttf") format("truetype");font-weight:700;font-style:normal;font-display:swap}
.expert-picker-trial{font-family:"Manrope",Arial,sans-serif;color:#101010;background:#49415e}
.expert-picker-trial,.expert-picker-trial *{box-sizing:border-box}
body:has(.expert-picker-trial:not([hidden])){margin:0;width:100%;min-width:320px;min-height:100%;background:#49415e}
html.nebula-modal-open,html.nebula-modal-open body{overflow:hidden}
.expert-picker-trial button{font:inherit}
.expert-picker-trial .sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.expert-picker-trial{width:100%;height:1062px;overflow:hidden}
.expert-picker-trial__frame{position:relative;width:100%;height:1062px;overflow:hidden;background:#49415e}
.expert-picker-trial__modal{position:absolute;left:50%;top:142px;transform:translateX(-50%);width:1000px;height:800px;border-radius:40px;background:#fff;overflow:hidden}
.expert-picker-trial__close{position:absolute;right:20px;top:20px;width:40px;height:40px;padding:6px;border:0;background:transparent;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:5}
.expert-picker-trial__close img{display:block;width:28px;height:28px;transform:rotate(-45deg)}
.expert-picker-trial__intro{position:absolute;left:50%;top:61px;transform:translateX(-50%);width:600px;text-align:center}
.expert-picker-trial__intro :is(h1,h2){margin:0;color:#673eda;font-size:38px;line-height:45px;font-weight:600;letter-spacing:-.38px}
.expert-picker-trial__entitlement{width:370px;height:39px;margin:15px auto 0;padding:6px 20px;border-radius:10px;background:#f1f1f1;color:#000;display:flex;align-items:center;justify-content:center;gap:5px;font-size:15px;line-height:27px;font-weight:500;letter-spacing:-.45px;white-space:nowrap}
.expert-picker-trial__entitlement img{display:block;width:18px;height:18px;object-fit:contain;flex-shrink:0}
.expert-picker-trial__intro>p:last-child{margin:18px 0 0;color:#673eda;font-size:18px;line-height:27px;font-weight:400;letter-spacing:-.18px}
.expert-picker-trial__carousel{position:absolute;left:50%;top:269px;transform:translateX(-50%);width:910px;height:405px}
.trial-picker-track{position:absolute;inset:0}
.trial-expert-choice{appearance:none;position:absolute;margin:0;border:0;text-align:left;display:flex;flex-direction:column;gap:16px;padding:12px 12px 35px;border-radius:30px;background:#eaeaea;color:#101010;cursor:pointer;overflow:hidden}
.trial-expert-choice.is-active{left:327px;top:0;width:255px;height:374px;background:#f1f1f1;opacity:1}
.trial-expert-choice.is-before{left:91.5px;top:41px;width:220px;height:364px;opacity:.5}
.trial-expert-choice.is-after{left:597.5px;top:41px;width:220px;height:364px;opacity:.5}
.trial-expert-choice__portrait{position:relative;display:block;width:100%;height:226px;flex:0 0 226px;border-radius:20px;filter:drop-shadow(0 0 5px rgba(0,0,0,.15));overflow:hidden}
.trial-expert-choice__portrait>img{display:block;width:100%;height:100%;border-radius:20px;object-fit:cover}
.trial-expert-choice__online{position:absolute;left:10px;bottom:10px;height:28px;padding:6px 14px;border-radius:16px;background:#aaf78a;color:#000;font-size:14px;line-height:16px;font-weight:700;white-space:nowrap}
.trial-expert-choice__copy{display:flex;flex-direction:column;gap:2px;padding:0 10px;min-width:0}
.trial-expert-choice__copy>strong{font-size:20px;line-height:22px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.trial-expert-choice__copy>small{color:#a6a6a6;font-size:13px;line-height:22px;font-weight:400;white-space:nowrap}
.trial-expert-choice__rating{display:flex;align-items:center;gap:6px;margin-top:5px;white-space:nowrap}
.trial-expert-choice__rating b{font-size:20px;line-height:22px;font-weight:700;letter-spacing:-.6px}
.trial-expert-choice__rating img{display:block;width:14px;height:14px;object-fit:contain;flex-shrink:0}
.trial-expert-choice__rating em{color:#a6a6a6;font-size:18px;line-height:15px;font-style:normal;font-weight:400}
.trial-expert-choice.is-active .trial-expert-choice__rating{gap:8px;margin-top:14px}
.trial-expert-choice.is-active .trial-expert-choice__rating b{font-size:30px;line-height:32px;letter-spacing:-.9px}
.trial-expert-choice.is-active .trial-expert-choice__rating img{width:24px;height:23px}
.trial-expert-choice.is-active .trial-expert-choice__rating em{font-size:20px}
.trial-picker-arrow{position:absolute;top:168px;width:60px;height:60px;padding:0;border:0;border-radius:50%;background:transparent;cursor:pointer;z-index:4}
.trial-picker-arrow img{display:block;width:60px;height:60px}
.trial-picker-arrow--previous{left:0}
.trial-picker-arrow--next{right:0}
.expert-picker-trial__submit{position:absolute;left:50%;top:674px;transform:translateX(-50%);width:194px;height:60px;padding:20px 30px;border:0;border-radius:13px;background:#673eda;color:#fff;display:flex;align-items:center;justify-content:center;gap:10px;font-size:20px;line-height:18px;font-weight:500;cursor:pointer;white-space:nowrap}
.expert-picker-trial__submit img{display:block;width:22px;height:20px}
.expert-picker-trial button:focus-visible{outline:2px solid #7653d9;outline-offset:3px}.expert-picker-trial button{transition:filter .16s ease,transform .16s ease}.expert-picker-trial button:hover:not(:disabled){filter:brightness(.98)}.expert-picker-trial button:active:not(:disabled){transform:translateY(1px)}
.trial-picker-arrow:disabled{cursor:default;opacity:.35}

/* Reuse the source C76 picker above the catalogue; the picker geometry and all
   of its icons remain the exported component. */
.expert-picker-trial[data-modal-embed="true"]{position:fixed;inset:0;z-index:1200;width:100vw;height:100dvh;background:rgba(31,24,63,.58);backdrop-filter:blur(13px) saturate(.78) brightness(.78);-webkit-backdrop-filter:blur(13px) saturate(.78) brightness(.78)}
.expert-picker-trial[data-modal-embed="true"] .expert-picker-trial__frame{height:100dvh;background:transparent}
.expert-picker-trial[data-modal-embed="true"] .expert-picker-trial__modal{top:50%;transform:translate(-50%,-50%)}

@media(min-width:769px) and (max-width:992px){
  .expert-picker-trial__modal{width:930px}
  .expert-picker-trial__carousel{top:265px}
  .trial-picker-arrow--previous{left:10px}.trial-picker-arrow--next{right:10px}
  .expert-picker-trial__submit{top:670px}
}

@media(min-width:577px) and (max-width:768px){
  .expert-picker-trial,.expert-picker-trial__frame{height:1024px}
  .expert-picker-trial__modal{top:123px;width:690px;height:800px}
  .expert-picker-trial__intro{top:61px;width:650px}
  .expert-picker-trial__carousel{top:267px;width:650px}
  .trial-expert-choice.is-active{left:210px;width:230px;height:358px}
  .trial-expert-choice.is-active .trial-expert-choice__portrait{height:212px;flex-basis:212px}
  .trial-expert-choice.is-before{left:10px;top:88px;width:190px;height:311px}
  .trial-expert-choice.is-after{left:450px;top:88px;width:190px;height:311px}
  .trial-expert-choice.is-before .trial-expert-choice__portrait,.trial-expert-choice.is-after .trial-expert-choice__portrait{height:180px;flex-basis:180px}
  .trial-expert-choice.is-before .trial-expert-choice__copy,.trial-expert-choice.is-after .trial-expert-choice__copy{padding:0 8px}
  .trial-expert-choice.is-before .trial-expert-choice__copy>strong,.trial-expert-choice.is-after .trial-expert-choice__copy>strong{font-size:17px}
  .trial-expert-choice.is-before .trial-expert-choice__copy>small,.trial-expert-choice.is-after .trial-expert-choice__copy>small{font-size:11px}
  .trial-expert-choice.is-before .trial-expert-choice__rating em,.trial-expert-choice.is-after .trial-expert-choice__rating em{font-size:14px}
  .trial-picker-arrow{top:10px}
  .trial-picker-arrow--previous{left:75px}.trial-picker-arrow--next{right:75px}
  .expert-picker-trial__submit{top:672px}
}

@media(min-width:321px) and (max-width:576px){
  .expert-picker-trial,.expert-picker-trial__frame{height:900px}
  .expert-picker-trial__modal{left:33px;top:35px;transform:none;width:510px;height:730px;border-radius:30px}
  .expert-picker-trial__close{right:10px;top:10px}
  .expert-picker-trial__intro{top:48px;width:500px}
  .expert-picker-trial__intro :is(h1,h2){font-size:32px;line-height:39px;letter-spacing:-.32px}
  .expert-picker-trial__intro>p:last-child{margin-top:10px;font-size:16px;line-height:23px;letter-spacing:-.16px}
  .expert-picker-trial__carousel{top:234px;width:510px;height:358px}
  .trial-expert-choice.is-active{left:140px;top:0;width:230px;height:357px}
  .trial-expert-choice.is-active .trial-expert-choice__portrait{height:210px;flex-basis:210px}
  .trial-expert-choice.is-before,.trial-expert-choice.is-after{display:none}
  .trial-picker-arrow{top:153px}
  .trial-picker-arrow--previous{left:45px}.trial-picker-arrow--next{right:45px}
  .expert-picker-trial__submit{top:622px}
}

@media(max-width:320px){
  body:has(.expert-picker-trial:not([hidden])){min-width:320px}
  .expert-picker-trial,.expert-picker-trial__frame{height:900px}
  .expert-picker-trial__modal{left:15px;top:25px;transform:none;width:290px;height:830px;border-radius:30px}
  .expert-picker-trial__close{right:10px;top:10px}
  .expert-picker-trial__intro{top:48px;width:270px}
  .expert-picker-trial__intro :is(h1,h2){width:250px;margin:0 auto;font-size:28px;line-height:32px;letter-spacing:-.28px}
  .expert-picker-trial__entitlement{position:absolute;left:10px;top:86px;width:250px;height:58px;margin:0;padding:10px 20px;white-space:normal;text-align:left;font-size:14px;line-height:19px;letter-spacing:-.14px}
  .expert-picker-trial__entitlement img{width:30px;height:30px;flex:0 0 30px}
  .expert-picker-trial__intro>p:last-child{position:absolute;left:10px;top:154px;width:250px;margin:0;font-size:14px;line-height:21px;letter-spacing:-.14px}
  .desktop-only{display:none}
  .expert-picker-trial__carousel{left:20px;top:287px;transform:none;width:270px;height:415px;overflow:hidden}
  .trial-picker-track{top:46px;width:622px}
  .trial-expert-choice{width:200px!important;height:367px!important;top:0!important;padding:12px 12px 31px;opacity:1!important}
  .trial-expert-choice.is-before{display:none}
  .trial-expert-choice.is-active{left:0}
  .trial-expert-choice.is-after{display:flex;left:210px}
  .trial-expert-choice__portrait{height:212px;flex-basis:212px}
  .trial-expert-choice__copy{padding:0 10px}
  .trial-expert-choice__copy>strong{font-size:20px}
  .trial-expert-choice__copy>small{width:145px;white-space:normal;line-height:22px}
  .trial-expert-choice__rating{margin-top:8px;gap:7px}
  .trial-expert-choice__rating b,.trial-expert-choice.is-active .trial-expert-choice__rating b{font-size:20px;line-height:22px;letter-spacing:-.6px}
  .trial-expert-choice__rating img,.trial-expert-choice.is-active .trial-expert-choice__rating img{width:20px;height:19px}
  .trial-expert-choice__rating em,.trial-expert-choice.is-active .trial-expert-choice__rating em{font-size:16px}
  .trial-picker-arrow{top:0;width:31px;height:20px;border-radius:0}
  .trial-picker-arrow img{display:none}
  .trial-picker-arrow::before{content:"";position:absolute;top:9px;width:30px;height:2px;background:#7653d9}
  .trial-picker-arrow::after{content:"";position:absolute;top:4px;width:9px;height:9px;border-top:2px solid #7653d9;border-right:2px solid #7653d9}
  .trial-picker-arrow--previous{left:84px}.trial-picker-arrow--previous::before{left:0}.trial-picker-arrow--previous::after{left:0;transform:rotate(-135deg)}
  .trial-picker-arrow--next{left:135px;right:auto}.trial-picker-arrow--next::before{left:0}.trial-picker-arrow--next::after{right:0;transform:rotate(45deg)}
  .trial-picker-arrow--previous:disabled{opacity:1;pointer-events:none}
  .trial-picker-arrow--previous:disabled::before{background:#c9c9c9}
  .trial-picker-arrow--previous:disabled::after{border-color:#c9c9c9}
  .expert-picker-trial__submit{top:721px;width:194px;height:50px;padding:10px 20px}
}

/* The embedded account variant keeps the C76 breakpoint dimensions, but uses
   the viewport as its positioning context rather than a separate fixture page. */
.expert-picker-trial[data-modal-embed="true"] .expert-picker-trial__modal{left:50%;top:50%;transform:translate(-50%,-50%)}
