.sr_df2e3245{max-height:calc(100vh - var(--spx-unit-4));max-height:calc(100dvh - var(--spx-unit-4))}.sr_510bd306{gap:var(--spx-unit-5);flex-direction:column;display:flex}.sr_1f3f528d{-webkit-text-fill-color:initial;color:var(--carbon-grey-70);font-size:var(--spx-font-size-sm);margin:0}.sr_bc40ad8e{-webkit-text-fill-color:initial;color:var(--carbon-grey-70);font-size:var(--spx-font-size-sm);text-align:center;margin:0}.sr_a1da12c0{align-items:center;gap:var(--spx-unit-2);display:inline-flex}.sr_c4de6a6d{font-size:var(--spx-font-size-sm)}.sr_b373a45d,.sr_8b6ec0b3{gap:var(--spx-unit-5);flex-direction:column;display:flex}.sr_576da4bc{display:grid}.sr_576da4bc>*{grid-area:1/1}.sr_b3a29950{gap:var(--spx-unit-5);flex-direction:column;display:flex}.sr_8b6ec0b3{visibility:hidden}.sr_85b5841b,.sr_ba5d98d5{width:100%;max-width:var(--spx-size-xl);margin-inline:auto}.sr_ba5d98d5{aspect-ratio:4/3}.sr_7ed56ee1{width:100%;padding:var(--spx-unit-2) var(--spx-unit-3);border:1px solid var(--carbon-grey-40);border-radius:var(--spx-radius-md);font-size:var(--spx-font-size-base)}.sr_7ed56ee1[aria-invalid=true]{border-color:var(--ruby-red-60)}.sr_799a5e09{min-height:var(--spx-unit-5)}.sr_9a0bfd90{gap:var(--spx-unit-5)}@media (max-height:800px){.sr_85b5841b,.sr_ba5d98d5{max-width:var(--spx-size-lg)}}@media (max-height:700px){.sr_85b5841b,.sr_ba5d98d5{max-width:var(--spx-size-sm)}}@media (max-height:400px){.sr_85b5841b,.sr_ba5d98d5{max-width:var(--spx-unit-40)}}.sr_bf782e64{margin:auto;display:flex}.sr_711fe120{object-fit:cover;border-radius:var(--spx-radius-md);-webkit-user-drag:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}@media (max-width:600px){:root{--bookshelf-cover-width:var(--spx-unit-28)}}.sr_40bac04d{width:100%;font-size:var(--spx-font-size-sm);-webkit-text-fill-color:initial;color:var(--carbon-grey-90);flex-direction:column;font-weight:700;display:flex}.sr_db3a98e2{margin-top:var(--spx-unit-1);box-sizing:border-box;width:100%;padding:var(--spx-unit-2) var(--spx-unit-3);border:1px solid var(--carbon-grey-20);border-radius:var(--spx-radius-base);background:var(--white);-webkit-text-fill-color:initial;color:var(--carbon-grey-90);font-family:inherit;font-size:var(--spx-font-size-base);font-weight:400}.sr_db3a98e2:disabled{background:var(--carbon-grey-05);-webkit-text-fill-color:initial;color:var(--carbon-grey-60);cursor:not-allowed}.sr_e32d5737{min-height:0;transition:grid-template-rows .2s var(--spx-ease-out-2);grid-template-rows:0fr;display:grid}.sr_790533ff{grid-template-rows:1fr}.sr_b18c29f3{min-height:0;overflow:hidden}.sr_da7efcc2{padding-top:var(--spx-unit-1);max-width:var(--spx-unit-56);-webkit-text-fill-color:initial;color:var(--validation-error-color);font-size:var(--spx-font-size-sm);opacity:0;transition:opacity .2s var(--spx-ease-out-2);font-weight:400;display:block}.sr_790533ff .sr_da7efcc2{opacity:1}@media (prefers-reduced-motion:reduce){.sr_e32d5737,.sr_da7efcc2{transition:none}.sr_e32d5737:not(.sr_790533ff) .sr_da7efcc2{display:none}}@media (max-width:480px){.sr_40bac04d,.sr_da7efcc2{font-size:var(--spx-font-size-xs)}.sr_db3a98e2{font-size:var(--spx-font-size-sm)}}@media (max-width:600px){:root{--bookshelf-cover-width:var(--spx-unit-28)}}.sr_2f3d5d9e{width:100%;min-width:0}.sr_62ca52bf{width:100%;margin-top:var(--spx-unit-4)}.sr_dd8e3d96{margin:0 0 var(--spx-unit-2);font-size:var(--spx-font-size-sm);-webkit-text-fill-color:initial;color:var(--carbon-grey-90);font-weight:700}.sr_d651aa13{align-items:center;display:flex}.sr_895873fa{margin-right:var(--spx-unit-3);-webkit-text-fill-color:initial;color:var(--external-book-rating-star-color);font-size:var(--spx-font-size-sm)}.sr_58319025{align-items:center;display:inline-flex}.sr_58319025 img{width:var(--spx-unit-5);height:var(--spx-unit-5)}.sr_ba47eb1b{width:100%}.sr_ba47eb1b>button{width:auto;min-width:0;padding:var(--spx-unit-2) var(--spx-unit-1);border-radius:var(--spx-radius-base);flex:1;margin:0}.sr_ba47eb1b button span{margin-bottom:var(--spx-unit-1);font-size:var(--spx-font-size-xs);line-height:1.2}.sr_ba47eb1b button img{width:var(--spx-unit-8)}@media (max-width:480px){.sr_dd8e3d96{font-size:var(--spx-font-size-xs)}.sr_ba47eb1b button span{font-size:var(--spx-font-size-2xs)}.sr_ba47eb1b button img{width:var(--spx-unit-6)}}@media (max-width:600px){:root{--bookshelf-cover-width:var(--spx-unit-28)}}.sr_87e563de{gap:var(--spx-unit-4);grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;display:grid}.sr_0893d7d1{gap:var(--spx-unit-4);grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-width:0;display:grid}.sr_0893d7d1>:only-child{grid-column:1/-1}.sr_561f42fd{min-width:0;padding-left:var(--spx-unit-4)}.sr_affd1763{margin-top:var(--spx-unit-4);margin-bottom:var(--spx-unit-2);width:100%;font-size:var(--spx-font-size-sm);-webkit-text-fill-color:initial;color:var(--carbon-grey-90);font-weight:700}.sr_37de4176{border-color:var(--carbon-grey-20);border-radius:var(--spx-radius-base);width:100%;padding:var(--spx-unit-4)}.sr_cddcf383{margin:var(--spx-unit-0-5) 0 0;text-align:right;font-size:var(--spx-font-size-sm);-webkit-text-fill-color:initial;color:var(--carbon-grey-60);line-height:1.2}.sr_ec86be8b{-webkit-text-fill-color:initial;color:var(--strawberry-red-100);font-weight:700}.sr_c1ed617b{margin:var(--spx-unit-1) 0 0;align-items:center;display:flex}.sr_c1ed617b .sr_98be92db{margin-right:var(--spx-unit-4)}.sr_d9d1b323{margin:var(--spx-unit-1) 0 0;font-size:var(--spx-font-size-sm);-webkit-text-fill-color:initial;color:var(--validation-error-color)}.sr_d9d1b323:empty{display:none}@media (max-width:768px){.sr_87e563de{grid-template-columns:1fr}.sr_561f42fd{padding-left:0}}@media (max-width:480px){.sr_0893d7d1{grid-template-columns:1fr}.sr_affd1763{font-size:var(--spx-font-size-xs)}.sr_37de4176,.sr_c1ed617b{font-size:var(--spx-font-size-sm)}.sr_cddcf383,.sr_d9d1b323{font-size:var(--spx-font-size-xs)}}@media (max-width:600px){:root{--bookshelf-cover-width:var(--spx-unit-28)}}.sr_2ab2388e{box-sizing:border-box;width:100%;padding:var(--spx-unit-6);border:1px solid var(--carbon-grey-10);border-radius:var(--spx-radius-lg);background:var(--white);text-align:left}.sr_400660d9{margin:0 0 var(--spx-unit-4);font-size:var(--spx-font-size-lg);-webkit-text-fill-color:initial;color:var(--carbon-grey-90)}.sr_ed5c0756{font-size:var(--spx-font-size-base);-webkit-text-fill-color:initial;color:var(--carbon-grey-80);margin:0}.sr_de962279{margin-top:var(--spx-unit-3)}.sr_c43e920a{justify-content:flex-end;gap:var(--spx-unit-3);margin-top:var(--spx-unit-6);flex-wrap:wrap;display:flex}@media (max-width:480px){.sr_2ab2388e{padding:var(--spx-unit-4);font-size:var(--spx-font-size-sm)}.sr_400660d9{font-size:var(--spx-font-size-base)}.sr_ed5c0756,.sr_2ab2388e button{font-size:var(--spx-font-size-sm)}}.sr_f64fa718{justify-content:space-between;align-items:center;gap:var(--spx-unit-3);margin-top:var(--spx-unit-4);padding:var(--spx-unit-4);border:1px solid var(--strawberry-red-100);border-radius:var(--spx-radius-md);background:var(--strawberry-red-10);flex-wrap:wrap;display:flex}.sr_496be114{-webkit-text-fill-color:initial;color:var(--carbon-grey-90);margin:0;font-weight:700}.sr_10ff5741{justify-content:flex-end;gap:var(--spx-unit-2);flex-wrap:wrap;margin-left:auto;display:flex}@media (max-width:600px){:root{--bookshelf-cover-width:var(--spx-unit-28)}}.sr_76cea6ee{box-sizing:border-box;width:100%}.sr_44f2bc32{margin:0 0 var(--spx-unit-3);font-size:var(--spx-font-size-base);-webkit-text-fill-color:initial;color:var(--carbon-grey-90);text-align:left}.sr_f8f9a2f4{gap:var(--spx-unit-3);flex-wrap:wrap;display:flex}.sr_c948c88f{flex:1 1 var(--spx-unit-48);min-width:0;padding:var(--spx-unit-4) var(--spx-unit-3);border:1px solid var(--carbon-grey-20);border-radius:var(--spx-radius-lg);background:var(--white);text-align:left;cursor:pointer;box-shadow:none;justify-content:flex-start;align-items:stretch;font-weight:400;transition:border-color .15s,background .15s;display:flex}.sr_c948c88f>*{align-items:stretch;gap:var(--spx-unit-3);flex:auto;min-width:0;display:flex}.sr_c948c88f:focus-visible{outline:var(--spx-border-size-2) solid var(--sky-blue-100);outline-offset:0}.sr_c948c88f[aria-disabled=true]{cursor:wait;opacity:.65}.sr_c948c88f:hover:not([aria-disabled=true]){border-color:var(--royal-blue-100);background:var(--royal-blue-10)}.sr_ca7c7913{flex:0 0 var(--spx-unit-8);font-size:var(--spx-font-size-2xl);-webkit-text-fill-color:initial;color:var(--royal-blue-100);align-self:center}.sr_5fc00768{flex-direction:column;flex:auto;align-items:flex-start;min-width:0;display:flex}.sr_6fdd4ed7{font-size:var(--spx-font-size-base);-webkit-text-fill-color:initial;color:var(--external-book-fact-value-color);font-weight:700}.sr_85266043{font-size:var(--spx-font-size-sm);-webkit-text-fill-color:initial;color:var(--carbon-grey-60);text-align:left;align-self:stretch}.sr_196ea762:hover:not([aria-disabled=true]){border-color:var(--strawberry-red-100);background:var(--strawberry-red-10)}.sr_196ea762:hover:not([aria-disabled=true]) .sr_ca7c7913{-webkit-text-fill-color:initial;color:var(--strawberry-red-100)}.sr_c99e3443{margin-top:var(--spx-unit-3)}@media (max-width:600px){:root{--bookshelf-cover-width:var(--spx-unit-28)}}.sr_32e52313{margin:0 0 var(--spx-unit-4);font-size:var(--spx-font-size-lg);-webkit-text-fill-color:initial;color:var(--carbon-grey-90)}.sr_0f79f0a2{margin-top:var(--spx-unit-2)}.sr_3d05e0fd{justify-content:space-between;align-items:center;gap:var(--spx-unit-3);margin-top:var(--spx-unit-4);flex-wrap:wrap;display:flex}.sr_e531d946{align-items:center;gap:var(--spx-unit-3);margin-left:auto;display:flex}@media (max-width:480px){.sr_22147680,.sr_22147680 button{font-size:var(--spx-font-size-sm)}.sr_32e52313{font-size:var(--spx-font-size-base)}}.sr_f7f21f99{margin-top:var(--spx-unit-1);font-size:var(--spx-font-size-sm);align-self:flex-start;padding:0}@media (max-width:600px){:root{--bookshelf-cover-width:var(--spx-unit-28)}}.sr_85b7a52f{align-items:center;gap:var(--spx-unit-1-5);padding:var(--spx-unit-1) var(--spx-unit-2-5);border-radius:var(--spx-radius-xl);font-size:var(--spx-font-size-xs);white-space:nowrap;font-weight:700;display:inline-flex}.sr_fe8a9eeb{-webkit-text-fill-color:initial;color:var(--external-book-shelf-reading-color);background:var(--external-book-shelf-reading-count-background)}.sr_d52a5211{-webkit-text-fill-color:initial;color:var(--external-book-shelf-want-color);background:var(--external-book-shelf-want-count-background)}.sr_70192858{-webkit-text-fill-color:initial;color:var(--external-book-shelf-finished-color);background:var(--external-book-shelf-finished-count-background)}.sr_7c0101f1{-webkit-text-fill-color:initial;color:var(--external-book-shelf-abandoned-color);background:var(--external-book-shelf-abandoned-count-background)}@media (max-width:600px){:root{--bookshelf-cover-width:var(--spx-unit-28)}}.sr_e292ee38{align-items:flex-end}.sr_74da63c9{--modal-content-padding:calc(var(--spx-unit-8) - var(--spx-unit-0-5));margin:auto auto calc(var(--spx-unit-8) - var(--spx-unit-0-5));max-height:calc(100vh - var(--spx-unit-8));max-height:calc(100dvh - var(--spx-unit-8));border-radius:calc(var(--spx-radius-xl) + var(--spx-unit-1));background:linear-gradient(110deg, var(--cover-colour) -25%, var(--white) 25%)}.sr_0d272819{gap:var(--spx-unit-6);text-align:left;flex-direction:column;display:flex}.sr_6769a54e{align-items:flex-start;gap:var(--spx-unit-6);display:flex}.sr_9fc8e0b9{flex:0 0 var(--spx-unit-36);width:var(--spx-unit-36);aspect-ratio:2/3;border-radius:var(--spx-radius-md);overflow:hidden}.sr_9fc8e0b9 img{object-fit:cover;width:100%;height:100%;display:block}.sr_18eba73b{flex-direction:column;flex:auto;min-width:0;display:flex}.sr_d7bf3df2{min-width:0}.sr_87630f41{align-items:center;gap:var(--spx-unit-2);padding-right:var(--spx-unit-12);flex-wrap:wrap;display:flex}.sr_d9efd9f5{font-size:var(--spx-font-size-xl);-webkit-text-fill-color:initial;color:var(--carbon-grey-90);text-align:left;margin:0;font-weight:700}.sr_3fd861e4{font-size:var(--spx-font-size-sm);-webkit-text-fill-color:initial;color:var(--carbon-grey-60);margin:0;font-weight:700}.sr_ef81444f{margin:var(--spx-unit-3) 0 0;font-size:var(--spx-font-size-sm);-webkit-text-fill-color:initial;color:var(--carbon-grey-60);line-height:1.45}.sr_ef81444f p{margin:0 0 var(--spx-unit-2)}.sr_ef81444f p:last-child{margin-bottom:0}.sr_1d211bbc{box-sizing:border-box;width:100%;margin-top:var(--spx-unit-4);padding:var(--spx-unit-6);border:1px solid var(--carbon-grey-10);border-radius:var(--spx-radius-lg);background:var(--white);text-align:left;position:relative}.sr_f596cf68{margin-top:0}.sr_5c90950d{top:var(--spx-unit-3);right:var(--spx-unit-3);font-size:var(--spx-font-size-sm);position:absolute}.sr_5c90950d:focus-visible,.sr_7d5f232c:focus-visible{outline:var(--spx-border-size-2) solid var(--sky-blue-100);outline-offset:0}.sr_e2aad9b5{flex-wrap:wrap;margin:0;padding:0;display:flex}.sr_2e706c25{margin:0 var(--spx-unit-6) var(--spx-unit-2) 0;flex-direction:column;display:flex}.sr_90660310{margin:0 0 var(--spx-unit-1);font-size:var(--spx-font-size-xs);-webkit-text-fill-color:initial;color:var(--carbon-grey-60);font-weight:700}.sr_523caa3b{font-size:var(--spx-font-size-base);-webkit-text-fill-color:initial;color:var(--external-book-fact-value-color);margin:0}.sr_186fe094{-webkit-text-fill-color:initial;color:var(--carbon-grey-60)}@media (max-width:768px){.sr_6769a54e{gap:var(--spx-unit-4)}.sr_9fc8e0b9{flex-basis:var(--spx-unit-24);width:var(--spx-unit-24)}}@media (max-width:480px){.sr_74da63c9{--modal-content-padding:var(--spx-unit-5) var(--spx-unit-4);max-height:100vh;max-height:100dvh}.sr_9fc8e0b9{flex-basis:var(--spx-unit-20);width:var(--spx-unit-20)}.sr_9dd5a573{grid-template-columns:auto minmax(0,1fr);display:grid}.sr_9dd5a573 .sr_18eba73b{display:contents}.sr_9dd5a573 .sr_d7bf3df2{grid-area:1/2}.sr_9dd5a573 .sr_ef81444f{grid-area:2/1/auto/-1;margin-top:0}.sr_9dd5a573 .sr_1d211bbc{grid-area:3/1/auto/-1;margin-top:0}}@media (max-height:700px){.sr_74da63c9{max-height:100vh;max-height:100dvh;margin-bottom:0}}@media (max-width:600px){:root{--bookshelf-cover-width:var(--spx-unit-28)}}.sr_285579f6{justify-content:flex-start;align-items:center;gap:var(--spx-unit-2);width:var(--bookshelf-spine-width);height:var(--bookshelf-cover-height);padding:var(--spx-unit-3) 0;border-radius:var(--spx-radius-sm);-webkit-text-fill-color:initial;color:var(--white);cursor:pointer;font:inherit;box-shadow:0 var(--spx-border-size-1) var(--spx-border-size-2) var(--bookshelf-cover-shadow-close), 0 var(--spx-unit-1) var(--spx-unit-2-5) var(--bookshelf-cover-shadow-far);border:none;flex-direction:column;transition:transform .18s;display:flex}@media (hover:hover){.sr_285579f6:hover{transform:translateY(calc(var(--spx-unit-1) * -1))}}.sr_285579f6:focus-visible{outline:var(--spx-border-size-2) solid var(--sky-blue-100);outline-offset:0}.sr_942fe0a6{height:calc(var(--bookshelf-cover-height) - var(--spx-unit-1))}.sr_83733b43{height:calc(var(--bookshelf-cover-height) - var(--spx-unit-2))}.sr_f3dc7011{writing-mode:vertical-rl;white-space:nowrap;min-height:0;font-size:var(--spx-font-size-xs);letter-spacing:.02em;text-shadow:0 var(--spx-border-size-1) var(--spx-border-size-2) var(--bookshelf-ledge-shadow-inset);flex:auto;font-weight:700;overflow:hidden}.sr_d63970ed{align-items:center;gap:var(--spx-unit-0-5);font-size:var(--spx-font-size-2xs);text-shadow:0 var(--spx-border-size-1) var(--spx-border-size-2) var(--bookshelf-ledge-shadow-inset);flex-direction:column;flex-shrink:0;font-weight:700;display:flex}@media (max-width:600px){:root{--bookshelf-cover-width:var(--spx-unit-28)}}.sr_cd62894e{align-self:flex-end;align-items:flex-end;justify-content:inherit;height:var(--bookshelf-cover-height);pointer-events:none;-webkit-user-select:none;user-select:none;max-width:100%;display:flex;position:relative}.sr_000b61ea{align-items:flex-end;gap:var(--spx-unit-0-5);height:100%;display:flex}.sr_bcf2cf17{height:var(--decorative-book-height);border-radius:var(--spx-radius-sm);background:var(--bookshelf-empty-spine-background);box-shadow:inset 0 var(--spx-border-size-1) 0 var(--white-opacity-20), 0 var(--spx-border-size-1) var(--spx-border-size-2) var(--bookshelf-cover-shadow-close);flex-shrink:0}.sr_bcf2cf17:nth-child(2n){background:var(--bookshelf-empty-spine-background-alt)}.sr_62aa6c81{transform-origin:100% 0;rotate:var(--lean-angle);z-index:var(--spx-layer-base-1)}.sr_bcae53f0{transform-origin:0 0;rotate:var(--lean-angle);z-index:var(--spx-layer-base-1)}@media (max-width:600px){:root{--bookshelf-cover-width:var(--spx-unit-28)}}.sr_92bf3269{border-radius:var(--spx-radius-xl) var(--spx-radius-xl) 0 0;position:relative}.sr_24a02c8d{--decorative-book-height:calc(var(--bookshelf-cover-height) * .95);z-index:var(--spx-layer-base-1);justify-content:center;align-items:flex-end;gap:var(--spx-unit-5);margin-top:var(--spx-unit-4);padding:0 var(--spx-unit-6);display:flex;position:relative}.sr_fc5730c5{flex:1;align-items:flex-end;min-width:0;display:flex}.sr_316ee947{justify-content:flex-end}.sr_674a7773{justify-content:flex-start}.sr_8af608b0{flex:0 0 var(--bookshelf-cover-width);width:var(--bookshelf-cover-width)}.sr_06f8579d{margin:var(--spx-unit-2) calc(var(--spx-unit-5) * -1) 0;height:var(--spx-unit-4);background:linear-gradient(180deg, var(--bookshelf-ledge-gradient-start) 0%, var(--bookshelf-ledge-gradient-mid) 45%, var(--bookshelf-ledge-gradient-end) 100%);box-shadow:inset 0 var(--spx-border-size-1) 0 var(--bookshelf-ledge-highlight), inset 0 calc(var(--spx-unit-0-5) * -1) 3px var(--bookshelf-ledge-shadow-inset), 0 var(--spx-unit-1-5) var(--spx-unit-2) calc(var(--spx-unit-1) * -1) var(--bookshelf-ledge-shadow-contact), 0 var(--spx-unit-6) var(--spx-unit-12) 0 var(--bookshelf-ledge-shadow);border-radius:2px;position:relative}.sr_06f8579d:before{content:"";height:var(--spx-unit-5);clip-path:polygon(var(--spx-unit-5) 0, calc(100% - var(--spx-unit-5)) 0, 100% 100%, 0 100%);background:linear-gradient(180deg, var(--bookshelf-ledge-surface-start) 0%, var(--bookshelf-ledge-surface-end) 100%);filter:drop-shadow(0 calc(var(--spx-unit-2) * -1) var(--spx-unit-4) var(--bookshelf-ledge-shadow-above));position:absolute;bottom:100%;left:0;right:0}@media (max-width:650px){.sr_92bf3269{margin-right:calc(var(--spx-unit-5) * -1);margin-left:calc(var(--spx-unit-5) * -1);padding-right:var(--spx-unit-5);padding-left:var(--spx-unit-5)}.sr_06f8579d:before{clip-path:none}}.sr_88ccb34a{--shelf-slot-gap:var(--spx-unit-5);--shelf-row-gap:var(--spx-unit-6);z-index:var(--spx-layer-base-1);margin-top:var(--spx-unit-4);padding:0 var(--spx-unit-6);grid-template-columns:repeat(auto-fill, var(--bookshelf-cover-width));gap:var(--shelf-row-gap) var(--shelf-slot-gap);align-items:end;list-style:none;display:grid;position:relative}.sr_79939851{grid-template-columns:repeat(var(--shelf-row-columns), var(--bookshelf-cover-width));justify-content:start}.sr_5df16e45+.sr_5df16e45 .sr_88ccb34a,.sr_295857ea+.sr_5df16e45 .sr_88ccb34a{margin-top:var(--spx-unit-6)}.sr_ee049f51{min-width:0;position:relative}.sr_26f6fe17{z-index:-1;opacity:0;pointer-events:none;position:absolute;top:0;left:0;right:0}.sr_97e967d6{width:var(--bookshelf-cover-width);min-width:0}.sr_1afc68ab{flex:0 0 var(--bookshelf-cover-width);width:var(--bookshelf-cover-width)}.sr_a2321935{margin-top:0;padding:0}.sr_0c75e501{--shelf-slot-gap:var(--spx-unit-5);z-index:var(--spx-layer-base-1);align-items:flex-end;gap:var(--shelf-slot-gap);margin-top:var(--spx-unit-4);padding:0 var(--spx-unit-6);flex-wrap:wrap;min-width:0;display:flex;position:relative}.sr_990234d6{flex:none;width:max-content;min-width:0;max-width:100%}.sr_c70444fe{flex:none;min-width:0}.sr_5df16e45+.sr_5df16e45 .sr_0c75e501{margin-top:var(--spx-unit-6)}.sr_0a558963{margin-top:var(--spx-unit-4)}.sr_1e26ae67{justify-content:flex-start;align-items:flex-end;gap:var(--spx-unit-6);flex-wrap:wrap;display:flex}.sr_3a9afab4{flex-wrap:nowrap}.sr_1e26ae67 .sr_97e967d6{flex:0 0 var(--spx-unit-80);width:var(--spx-unit-80);min-width:0;max-width:var(--spx-unit-80)}.sr_95005a87 .sr_97e967d6{width:auto;max-width:var(--spx-unit-96);flex:1}.sr_1e26ae67 .sr_1afc68ab{flex:0 0 var(--bookshelf-cover-width);width:var(--bookshelf-cover-width)}@media (max-width:480px){.sr_1e26ae67 .sr_97e967d6{flex:100%;width:100%;max-width:none}}.sr_295857ea{min-width:0;position:relative}.sr_04c623f1{z-index:var(--spx-layer-base-1);padding:var(--spx-unit-6) var(--spx-unit-6) 0;position:relative}.sr_8263d485{align-items:flex-end;gap:var(--spx-unit-5);flex-wrap:wrap;display:flex}.sr_5df16e45+.sr_5df16e45 .sr_04c623f1{padding-top:var(--spx-unit-6)}.sr_01322599{align-items:flex-end;column-gap:var(--spx-unit-1);row-gap:var(--spx-unit-4);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.sr_81658298{flex-wrap:nowrap}@media (max-width:768px){.sr_88ccb34a{--shelf-slot-gap:var(--spx-unit-4);--shelf-row-gap:var(--spx-unit-5);padding:0 var(--spx-unit-3)}.sr_0c75e501{--shelf-slot-gap:var(--spx-unit-4);padding:0 var(--spx-unit-3)}.sr_24a02c8d,.sr_04c623f1{padding-right:var(--spx-unit-4);padding-left:var(--spx-unit-4)}.sr_8263d485{gap:var(--spx-unit-4)}}@media (max-width:480px){.sr_88ccb34a{--shelf-slot-gap:var(--spx-unit-3);--shelf-row-gap:var(--spx-unit-4);padding:0 var(--spx-unit-1)}.sr_0c75e501{--shelf-slot-gap:var(--spx-unit-3);padding:0 var(--spx-unit-1)}.sr_24a02c8d,.sr_04c623f1{padding-right:var(--spx-unit-2);padding-left:var(--spx-unit-2)}.sr_8263d485{gap:var(--spx-unit-3)}}@media (max-width:600px){:root{--bookshelf-cover-width:var(--spx-unit-28)}}.sr_5e254e83{align-items:center;gap:var(--spx-unit-1-5);width:100%;margin:0 0 var(--spx-unit-6);padding:var(--spx-unit-1) var(--spx-unit-5) var(--spx-unit-2) var(--spx-unit-2);-webkit-text-fill-color:initial;color:var(--shelf-header-color);font-size:var(--spx-font-size-lg);white-space:nowrap;font-weight:700;display:flex;position:relative}.sr_5e254e83:after{content:"";height:var(--spx-border-size-1);background:var(--shelf-header-border);pointer-events:none;position:absolute;bottom:0;left:0;right:0}.sr_ff468208{--shelf-header-color:var(--bookshelf-tone-blue-color);--shelf-header-count-background:var(--bookshelf-tone-blue-count-background);--shelf-header-border:var(--bookshelf-tone-blue-border)}.sr_489ed5bf{--shelf-header-color:var(--bookshelf-tone-purple-color);--shelf-header-count-background:var(--bookshelf-tone-purple-count-background);--shelf-header-border:var(--bookshelf-tone-purple-border)}.sr_a2736108{--shelf-header-color:var(--bookshelf-tone-green-color);--shelf-header-count-background:var(--bookshelf-tone-green-count-background);--shelf-header-border:var(--bookshelf-tone-green-border)}.sr_20b07c89{--shelf-header-color:var(--bookshelf-tone-orange-color);--shelf-header-count-background:var(--bookshelf-tone-orange-count-background);--shelf-header-border:var(--bookshelf-tone-orange-border)}.sr_b3a336ca{min-width:1.7em;height:1.7em;padding:0 var(--spx-unit-1);-webkit-text-fill-color:initial;color:var(--shelf-header-color);background:var(--shelf-header-count-background);border-radius:50%;justify-content:center;align-items:center;font-size:.75em;font-weight:700;display:inline-flex}@media (max-width:600px){:root{--bookshelf-cover-width:var(--spx-unit-28)}}.sr_b115e4b5{-webkit-text-fill-color:initial;width:100%;color:inherit;cursor:pointer;background:0 0;border:none;padding:0;text-decoration:none;display:block}.sr_e3eadf18{justify-content:center;align-items:center;gap:var(--spx-unit-2);width:var(--bookshelf-cover-width);height:var(--bookshelf-cover-height);border-radius:var(--spx-radius-md);border:var(--spx-border-size-2) dashed var(--carbon-grey-20);background:var(--white-opacity-20);-webkit-text-fill-color:initial;color:var(--carbon-grey-40);text-align:center;flex-direction:column;transition:border-color .15s,color .15s,background .15s;display:flex}.sr_dbe19c11{padding:var(--spx-unit-5) var(--spx-unit-4);border:none}.sr_7e469f95{cursor:default}.sr_fe0286ad{cursor:not-allowed}.sr_96641814{font-size:var(--spx-font-size-2xl)}.sr_0d5734b0{padding:0 var(--spx-unit-2);font-size:var(--spx-font-size-sm);font-weight:700;line-height:1.2}@media (hover:hover){.sr_b115e4b5:not(.sr_7e469f95,.sr_fe0286ad):hover .sr_e3eadf18{border-color:var(--slate-grey-40);-webkit-text-fill-color:initial;color:var(--slate-grey-80);background:var(--bookshelf-slot-hover-background)}}.sr_b115e4b5:focus-visible{outline:none}.sr_b115e4b5:focus-visible .sr_e3eadf18{outline:var(--spx-border-size-2) solid var(--sky-blue-100);outline-offset:0;border-color:var(--sky-blue-100);-webkit-text-fill-color:initial;color:var(--slate-grey-80)}@media (max-width:768px){.sr_e3eadf18{gap:var(--spx-unit-1-5)}.sr_96641814{font-size:var(--spx-font-size-xl)}.sr_0d5734b0{font-size:var(--spx-font-size-xs)}}@media (max-width:480px){.sr_96641814{font-size:var(--spx-font-size-lg)}.sr_0d5734b0{font-size:var(--spx-font-size-2xs)}}@media (max-width:600px){:root{--bookshelf-cover-width:var(--spx-unit-28)}}.sr_2eab56ff{--bookmark-tail:var(--spx-unit-2);top:-2px;right:var(--spx-unit-1-5);z-index:var(--spx-layer-base-1);align-items:center;gap:var(--spx-unit-2);min-width:var(--spx-unit-6);padding:var(--spx-unit-1-5) var(--spx-unit-1);background:var(--white);filter:drop-shadow(0 var(--spx-unit-1-5) var(--spx-unit-1-5) var(--bookshelf-cover-indicator-shadow));pointer-events:none;border-radius:2px 2px 0 0;flex-direction:column;display:flex;position:absolute}.sr_b0bcf598{right:var(--spx-unit-7)}.sr_4ac3116f{padding-top:var(--spx-unit-10)}.sr_2eab56ff:after{content:"";height:calc(var(--bookmark-tail) + 1px);background:var(--white);clip-path:polygon(0 0,100% 0,100% 100%,50% 0,0 100%);position:absolute;top:calc(100% - 1px);left:0;right:0}.sr_0845eec6{align-items:center;gap:var(--spx-unit-0-5);-webkit-text-fill-color:initial;color:var(--bookshelf-cover-indicator-star-color);font-size:var(--spx-font-size-sm);flex-direction:column;font-weight:700;line-height:1;display:flex}.sr_7ea748c1{justify-content:center;align-items:center;display:flex}.sr_7ea748c1 img{width:var(--spx-unit-4);height:var(--spx-unit-4)}.sr_4ebc5acb{-webkit-text-fill-color:initial;color:var(--sky-blue-100);font-size:var(--spx-font-size-sm);line-height:1}@media (max-width:600px){:root{--bookshelf-cover-width:var(--spx-unit-28)}}.sr_33db1713{width:var(--bookshelf-cover-width);height:var(--bookshelf-cover-height);border-radius:var(--spx-radius-md);box-shadow:0 1px var(--spx-unit-0-5) var(--bookshelf-cover-shadow-close), 0 var(--spx-unit-1-5) var(--spx-unit-4) var(--bookshelf-cover-shadow-far);isolation:isolate;transition:transform .18s;position:relative;overflow:visible}@media (hover:hover){.sr_33db1713:hover{transform:translateY(calc(var(--spx-unit-1) * -1))}}.sr_db87c9bd{width:var(--bookshelf-cover-width);text-align:left;cursor:pointer;font:inherit;background:0 0;border:none;flex-direction:column;padding:0;display:flex}.sr_e44d07f0{align-items:flex-end;gap:var(--spx-unit-5);flex-direction:row;width:100%;min-width:0}.sr_e44d07f0 .sr_33db1713{flex:0 0 var(--bookshelf-cover-width);order:-1}.sr_db87c9bd:focus-visible{outline:none}.sr_db87c9bd:focus-visible .sr_33db1713{outline:var(--spx-border-size-2) solid var(--sky-blue-100);outline-offset:0}.sr_383198a7{min-width:0;padding-bottom:var(--spx-unit-1);text-align:left;flex-direction:column;flex:auto;justify-content:flex-end;align-self:stretch;align-items:flex-start;display:flex}.sr_18a86888{-webkit-line-clamp:3;line-clamp:3;width:100%;font-size:var(--spx-font-size-md);-webkit-text-fill-color:initial;color:var(--carbon-grey-90);word-break:break-word;-webkit-box-orient:vertical;font-weight:700;line-height:1.2;display:-webkit-box;overflow:hidden}.sr_8a1f73a5{-webkit-line-clamp:2;line-clamp:2;width:100%;margin-top:var(--spx-unit-0-5);font-size:var(--spx-font-size-sm);-webkit-text-fill-color:initial;color:var(--carbon-grey-60);word-break:break-word;-webkit-box-orient:vertical;line-height:1.3;display:-webkit-box;overflow:hidden}.sr_0c683ce2{margin-top:var(--spx-unit-1);align-items:center;display:flex}.sr_893cd4e8{margin-right:var(--spx-unit-1-5);-webkit-text-fill-color:initial;color:var(--external-book-rating-star-color);font-size:var(--spx-font-size-base)}.sr_b4e59730{margin-right:var(--spx-unit-2);align-items:center;display:inline-flex}.sr_b4e59730 img{width:var(--spx-unit-6);height:var(--spx-unit-6)}.sr_dbf2c6c9{-webkit-text-fill-color:initial;color:var(--sky-blue-100);font-size:var(--spx-font-size-base)}@media (max-width:768px){.sr_893cd4e8,.sr_dbf2c6c9{font-size:var(--spx-font-size-sm)}.sr_b4e59730 img{width:var(--spx-unit-5);height:var(--spx-unit-5)}}@media (max-width:480px){.sr_18a86888{font-size:var(--spx-font-size-sm)}.sr_8a1f73a5,.sr_893cd4e8,.sr_dbf2c6c9{font-size:var(--spx-font-size-xs)}.sr_b4e59730 img{width:var(--spx-unit-4);height:var(--spx-unit-4)}}:root{--bookshelf-tone-blue-color:var(--royal-blue-100);--bookshelf-tone-blue-count-background:var(--sky-blue-10);--bookshelf-tone-blue-border:var(--sky-blue-40);--bookshelf-tone-purple-color:var(--violet-purple-100);--bookshelf-tone-purple-count-background:var(--violet-purple-10);--bookshelf-tone-purple-border:var(--violet-purple-20);--bookshelf-tone-green-color:var(--olive-green-100);--bookshelf-tone-green-count-background:var(--leaf-green-10);--bookshelf-tone-green-border:var(--leaf-green-20);--bookshelf-tone-orange-color:var(--marigold-yellow-110);--bookshelf-tone-orange-count-background:var(--jaffa-orange-10);--bookshelf-tone-orange-border:var(--jaffa-orange-20);--bookshelf-ledge-surface-start:#f6e8d2;--bookshelf-ledge-surface-end:#edd9b8;--bookshelf-ledge-gradient-start:#f0dcc0;--bookshelf-ledge-gradient-mid:#e4c49a;--bookshelf-ledge-gradient-end:#d2ab78;--bookshelf-ledge-highlight:var(--white-opacity-30);--bookshelf-ledge-shadow-inset:#19094c1a;--bookshelf-ledge-shadow-above:#19094c73;--bookshelf-ledge-shadow-contact:#19094c66;--bookshelf-ledge-shadow:#19094c59;--bookshelf-cover-shadow-close:#19094c26;--bookshelf-cover-shadow-far:#19094c2e;--bookshelf-slot-hover-background:#474ed11f;--bookshelf-empty-spine-background:#edf0f5;--bookshelf-empty-spine-background-alt:#dae2eb;--bookshelf-cover-width:calc(var(--spx-unit-32) + var(--spx-unit-3));--bookshelf-cover-height:calc(var(--bookshelf-cover-width) * 3 / 2);--bookshelf-spine-width:var(--spx-unit-8);--bookshelf-cover-indicator-shadow:#19094c8c;--bookshelf-cover-indicator-star-color:var(--marigold-yellow-110)}@media (max-width:600px){:root{--bookshelf-cover-width:var(--spx-unit-28)}}:root{--external-book-shelf-reading-color:var(--bookshelf-tone-blue-color);--external-book-shelf-reading-count-background:var(--bookshelf-tone-blue-count-background);--external-book-shelf-want-color:var(--bookshelf-tone-purple-color);--external-book-shelf-want-count-background:var(--bookshelf-tone-purple-count-background);--external-book-shelf-finished-color:var(--bookshelf-tone-green-color);--external-book-shelf-finished-count-background:var(--bookshelf-tone-green-count-background);--external-book-shelf-abandoned-color:var(--bookshelf-tone-orange-color);--external-book-shelf-abandoned-count-background:var(--bookshelf-tone-orange-count-background);--external-book-rating-star-color:var(--golden-yellow-100);--external-book-fact-value-color:var(--sparx-blue-100);--validation-error-color:var(--ruby-red-80)}.sr_30e201cb{align-items:center;gap:var(--spx-unit-0-5);-webkit-text-fill-color:initial;color:var(--external-book-rating-star-color);flex-direction:column;display:flex}.sr_c2bd2165{gap:var(--spx-unit-12);margin-bottom:var(--spx-unit-10);flex-direction:column;display:flex}.sr_960e6dfb{padding-right:var(--spx-unit-6);padding-left:var(--spx-unit-6)}.sr_c7af51b7{justify-content:center;width:max-content;margin:0 auto 0 0;font-weight:700;display:flex}.sr_c7af51b7>button{appearance:none;box-shadow:none;-webkit-text-fill-color:initial;color:inherit;cursor:pointer;font:inherit;line-height:inherit;padding:var(--spx-unit-2-5);margin-right:var(--spx-unit-6);background:0 0;border:none;border-radius:0}@media (max-width:768px){.sr_c7af51b7>button{margin-right:var(--spx-unit-2)}}.sr_c7af51b7>button.sr_7da18a6f{border-bottom:var(--spx-border-size-3) solid var(--colours-selected);margin-bottom:-1px}.sr_8633aa82{width:100%;padding:var(--spx-unit-1-5) 0;border-radius:var(--spx-radius-full);background-color:var(--colours-plain-background);border:none;justify-content:space-around;margin:0 0 0 auto;font-weight:700;display:flex}.sr_8633aa82>button{flex:1 1 content;cursor:pointer;margin:0 var(--spx-unit-1);padding:var(--spx-unit-2) var(--spx-unit-1);border-radius:var(--spx-radius-full);text-align:center;width:100%}.sr_8633aa82>button.sr_7da18a6f{background-color:var(--colours-primary);-webkit-text-fill-color:initial;color:var(--colours-text-on-primary)}.sr_f1588396{max-width:700px;max-height:100%;padding:var(--spx-unit-8);-webkit-text-fill-color:initial;color:var(--colours-text-heading);flex-direction:column;align-items:center;width:100%;margin:0 auto;display:flex}@media (max-width:768px){.sr_f1588396{padding:var(--spx-unit-4)}}.sr_f1588396 h1{margin:0}.sr_09003c50{border-collapse:collapse;flex-direction:column;align-items:center;min-width:90%;margin-bottom:15px;display:flex;overflow-y:auto}.sr_2e0eb2af{font-size:var(--spx-font-size-base);flex:none;align-items:center;width:98%;margin-bottom:5px;display:flex}.sr_2e0eb2af .sr_2a2abadd{background-color:var(--colours-plain-background);box-shadow:var(--library-dropshadow);padding:var(--spx-unit-0-5) 5px;border-radius:5px;flex:1;align-items:center;display:flex}.sr_2e0eb2af .sr_2a2abadd.sr_aa8167bd{background:var(--colours-leaderboard-no-xp-background,var(--colours-regular-background));-webkit-text-fill-color:initial;color:var(--colours-leaderboard-no-xp-text,inherit)}.sr_2e0eb2af .sr_2a2abadd.sr_ca557b08{cursor:pointer}.sr_2e0eb2af .sr_2a2abadd.sr_ca557b08:hover{background-color:var(--colours-leaderboard-row-hover-background,var(--colours-light-background))}.sr_7271b394{cursor:pointer}.sr_7271b394:hover{background-color:var(--colours-leaderboard-row-hover-background,var(--colours-light-background))}.sr_c279c120{width:40px;font-weight:700;font-size:var(--spx-font-size-base);text-align:left;flex:none}.sr_c279c120.sr_a582fba3{padding-left:var(--spx-unit-2-5)}.sr_c279c120.sr_a582fba3[data-digits="3"]{padding-left:var(--spx-unit-1-5)}.sr_c279c120.sr_a582fba3[data-digits="4"]{padding-left:0}.sr_acab99dd{background-color:var(--colours-light-background);text-align:center;border-radius:100px;min-width:24px;display:inline-block}[data-digits="2"] .sr_acab99dd{width:25px;line-height:25px}[data-digits="3"] .sr_acab99dd{width:35px;line-height:35px}[data-digits="4"] .sr_acab99dd{width:45px;line-height:45px}.sr_019490c0{padding:var(--spx-unit-2-5) var(--spx-unit-2-5);text-align:left;flex-wrap:wrap;flex:auto;align-items:center;display:flex}.sr_019490c0 .sr_d034a02b{-webkit-text-fill-color:initial;color:var(--colours-read-text)}.sr_f3fcd71d{margin-left:var(--spx-unit-2);flex-shrink:0;align-items:center;display:inline-flex}.sr_2e0eb2af .sr_2a2abadd.sr_aa8167bd .sr_019490c0 .sr_d034a02b{-webkit-text-fill-color:initial;color:var(--colours-leaderboard-no-xp-text,var(--colours-read-text))}.sr_3821eafc{text-align:right;width:100px;padding-right:var(--spx-unit-2-5);white-space:nowrap}.sr_0a0878ff{width:100%}.sr_0a0878ff .sr_2a2abadd{background:var(--colours-leaderboard-current-user-background,var(--colours-secondary));-webkit-text-fill-color:initial;color:var(--colours-text-on-primary)}.sr_0a0878ff .sr_019490c0{font-weight:700}.sr_0a0878ff .sr_acab99dd{background-color:var(--colours-plain-background);-webkit-text-fill-color:initial;color:var(--colours-text-body)}.sr_20b6b7af{width:var(--spx-unit-7);height:var(--spx-unit-7);margin-right:var(--spx-unit-1-5);border-radius:var(--spx-radius-sm);-webkit-text-fill-color:initial;color:var(--colours-text-body);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;display:flex}.sr_20b6b7af:hover,.sr_20b6b7af[data-state=open]{background-color:var(--colours-light-background)}.sr_20b6b7af svg{width:var(--spx-unit-4);height:var(--spx-unit-4)}.sr_92247c98{top:calc(100% - var(--spx-unit-1));z-index:var(--spx-layer-overlay-1);min-width:var(--spx-unit-52);padding:var(--spx-unit-1);border:var(--spx-border-size-1) solid var(--colours-separator);border-radius:var(--spx-radius-md);background-color:var(--colours-plain-background);box-shadow:var(--library-dropshadow);position:absolute;right:0}.sr_b897fedc{padding:var(--spx-unit-2) var(--spx-unit-3);border-radius:var(--spx-radius-sm);-webkit-text-fill-color:initial;color:var(--colours-text-body);font-size:var(--spx-font-size-sm);white-space:nowrap;-webkit-user-select:none;user-select:none;outline:none;align-items:center;display:flex}.sr_b897fedc:hover,.sr_b897fedc[data-highlighted]{background-color:var(--colours-light-background)}.sr_3a8bc1e4{text-align:left}.sr_4280d6d1{font-size:var(--spx-font-size-lg);font-weight:700}.sr_1c688894,.sr_cccf8bc5{margin-top:var(--spx-unit-4)}.sr_6534d4e6{margin-top:var(--spx-unit-8)}.sr_6534d4e6>*{margin-left:var(--spx-unit-3)}.sr_6534d4e6>:first-child{margin-left:0}.sr_87381bc3{font-size:var(--spx-font-size-2xl);text-align:center;margin:0 auto var(--spx-unit-8);flex:none}.sr_d0bd4376{isolation:isolate;background-color:var(--colours-seek-help);text-align:center;-webkit-text-fill-color:initial;width:100%;color:var(--colours-text-on-primary);border-radius:5px;margin:10px 0;font-weight:700;position:relative}.sr_d0bd4376:after{z-index:-1;content:"";background-color:var(--colours-seek-help);border-radius:2px;width:20px;height:20px;position:absolute;top:-6px;left:calc(50% - 5px);transform:rotate(150deg)skew(30deg)scaleY(.85)}.sr_77bc7811{border-bottom:var(--spx-border-size-2) solid var(--colours-disabled-text);flex:none;justify-content:center;width:100%;margin:0 auto 15px;display:flex}@media (max-width:768px){.sr_77bc7811{font-size:var(--spx-font-size-sm)}}@media (max-width:480px){.sr_77bc7811{font-size:var(--spx-font-size-xs);border-bottom:none}}.sr_025b80a2{background-color:var(--colours-plain-background);border-radius:var(--spx-radius-md);max-width:100%}.sr_ae230689{white-space:nowrap;height:24px}.sr_a12c6a63{padding:var(--spx-unit-1) var(--spx-unit-1) var(--spx-unit-1) var(--spx-unit-4);background:var(--colours-regular-background);border-radius:var(--spx-radius-base);width:100%;box-shadow:var(--library-dropshadow);margin-bottom:var(--spx-unit-4);flex:none;align-items:center;display:flex}.sr_a12c6a63 .sr_07186d81{flex:auto}.sr_a12c6a63 strong{margin-right:var(--spx-unit-3)}.sr_a12c6a63 button{cursor:pointer}.sr_a0b088c2{padding:var(--spx-unit-10) var(--spx-unit-16);-webkit-text-fill-color:initial;color:var(--colours-text-body);font-size:var(--spx-font-size-lg);max-width:var(--spx-size-3xl)}@media (max-width:480px){.sr_a0b088c2{max-width:unset;padding:var(--spx-unit-5) var(--spx-unit-8);font-size:var(--spx-font-size-sm)}}.sr_a0b088c2 .sr_a0b088c2:focus{outline:none}.sr_a0b088c2 .sr_4bbd9d04{text-align:center;font-weight:700;font-size:var(--spx-font-size-3xl);margin:0}@media (max-width:768px){.sr_a0b088c2 .sr_4bbd9d04{font-size:var(--spx-font-size-2xl)}}.sr_a0b088c2 .sr_8ebd21a0{margin:var(--spx-unit-5) 0}.sr_a0b088c2 .sr_8ebd21a0 .sr_88362699{font-size:var(--spx-font-size-xl);margin:0 0 var(--spx-unit-4);font-weight:700}@media (max-width:768px){.sr_a0b088c2 .sr_8ebd21a0 .sr_88362699{font-size:var(--spx-font-size-xl)}}.sr_a0b088c2 .sr_8ebd21a0 span{margin:0;display:block}.sr_a0b088c2 .sr_8ebd21a0 a{-webkit-text-fill-color:initial;color:var(--colours-primary)}.sr_a0b088c2 .sr_8ebd21a0 a:hover{-webkit-text-fill-color:initial;color:var(--colours-primary-dark)}.sr_a0b088c2 .sr_7c9aa9be{margin-top:var(--spx-unit-8);justify-content:center;display:flex}.sr_a0b088c2 .sr_7c9aa9be button{margin:0 var(--spx-unit-2-5)}@media (max-width:480px){.sr_a0b088c2 .sr_7c9aa9be{margin-top:var(--spx-unit-8)}}.sr_69c8ffeb{font-size:var(--spx-font-size-xl);background:var(--colours-regular-background);border-radius:var(--spx-radius-xl);width:100%;padding:var(--spx-unit-1) var(--spx-unit-1) var(--spx-unit-1) var(--spx-unit-4);justify-content:space-between;align-items:center;display:flex}@media (max-width:480px){.sr_69c8ffeb{font-size:var(--spx-font-size-lg);padding:var(--spx-unit-2) var(--spx-unit-2) var(--spx-unit-2) var(--spx-unit-4);flex-direction:column}.sr_69c8ffeb span{margin-bottom:var(--spx-unit-1)}}.sr_a35581df{align-items:center;display:flex}.sr_a35581df>:first-child:after{content:"On";visibility:hidden;height:0;font-weight:700;display:block}.sr_a35581df .sr_817054c2{font-weight:700}.sr_8336477f{margin:0 var(--spx-unit-2)}.sr_13dbd757{border-radius:var(--spx-radius-full);width:59px;height:35px;box-shadow:0 0 0 1px var(--colours-interactable) inset;cursor:pointer;padding:0;position:relative}.sr_591ad849{background-color:var(--colours-opted-in);border-radius:var(--spx-radius-full);width:23px;height:23px;box-shadow:0 2px 2px var(--black-a7);transition-property:transform,background-color;transition-duration:.1s;display:block;transform:translate(6px)}.sr_591ad849[data-state=checked]{background-color:var(--colours-opted-out);transform:translate(30px)}@layer reset,base,tokens,framework;@layer spxdesign{.sr_8c10e471{flex:none;width:90%;margin-bottom:15px;position:relative}.sr_8c10e471 .sr_5e8541c4{width:100%;margin:var(--spx-unit-2-5) 0;background-color:var(--colours-correct);padding:var(--spx-unit-1-5) 0;border-radius:var(--spx-radius-md);min-height:var(--spx-unit-14);flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative}.sr_8c10e471 .sr_491970c8{position:absolute;top:20px}.sr_8c10e471 .sr_491970c8.sr_718daa14{left:-25px}.sr_8c10e471 .sr_491970c8.sr_4948c0f2{right:-25px}}@layer recipes,components,utilities;.sr_e90e4432 h1{font-size:var(--spx-font-size-lg);text-align:center;margin:var(--spx-unit-1) 0;-webkit-text-fill-color:initial;color:var(--colours-text-body-inverted);text-shadow:2px 2px var(--colours-transparent-darken-20);font-weight:700;line-height:1}.sr_e90e4432 p{font-size:var(--spx-font-size-sm);text-align:center;-webkit-text-fill-color:initial;color:var(--colours-complete-text-dark);margin:0;font-weight:700;line-height:1}.sr_e90e4432 .sr_e71c5b3d{margin:0 auto;position:absolute;top:-20px;left:50%;transform:translate(-50%)}