.sr_0901f73f{max-height:calc(100vh - var(--spx-unit-4));max-height:calc(100dvh - var(--spx-unit-4))}.sr_ef18063e{gap:var(--spx-unit-5);flex-direction:column;display:flex}.sr_bd51dac2{-webkit-text-fill-color:initial;color:var(--carbon-grey-70);font-size:var(--spx-font-size-sm);margin:0}.sr_98582327{-webkit-text-fill-color:initial;color:var(--carbon-grey-70);font-size:var(--spx-font-size-sm);text-align:center;margin:0}.sr_750eb5a3{align-items:center;gap:var(--spx-unit-2);display:inline-flex}.sr_d1dd558c{font-size:var(--spx-font-size-sm)}.sr_5c1bc4b5,.sr_da431a0a{gap:var(--spx-unit-5);flex-direction:column;display:flex}.sr_f7a03906{display:grid}.sr_f7a03906>*{grid-area:1/1}.sr_3545a5b3{gap:var(--spx-unit-5);flex-direction:column;display:flex}.sr_da431a0a{visibility:hidden}.sr_b6fc0a9d,.sr_8624fa72{width:100%;max-width:var(--spx-size-xl);margin-inline:auto}.sr_8624fa72{aspect-ratio:4/3}.sr_e2f65ed1{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_e2f65ed1[aria-invalid=true]{border-color:var(--ruby-red-60)}.sr_bba8af04{min-height:var(--spx-unit-5)}.sr_2aee8580{gap:var(--spx-unit-5)}@media (max-height:800px){.sr_b6fc0a9d,.sr_8624fa72{max-width:var(--spx-size-lg)}}@media (max-height:700px){.sr_b6fc0a9d,.sr_8624fa72{max-width:var(--spx-size-sm)}}@media (max-height:400px){.sr_b6fc0a9d,.sr_8624fa72{max-width:var(--spx-unit-40)}}.sr_bf601ee0{margin:auto;display:flex}.sr_7d70a988{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_24f0a536{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_95b04bbf{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_95b04bbf:disabled{background:var(--carbon-grey-05);-webkit-text-fill-color:initial;color:var(--carbon-grey-60);cursor:not-allowed}.sr_6e16f5af{min-height:0;transition:grid-template-rows .2s var(--spx-ease-out-2);grid-template-rows:0fr;display:grid}.sr_5d57efc8{grid-template-rows:1fr}.sr_ffb862fd{min-height:0;overflow:hidden}.sr_287cd582{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_5d57efc8 .sr_287cd582{opacity:1}@media (prefers-reduced-motion:reduce){.sr_6e16f5af,.sr_287cd582{transition:none}.sr_6e16f5af:not(.sr_5d57efc8) .sr_287cd582{display:none}}@media (max-width:480px){.sr_24f0a536,.sr_287cd582{font-size:var(--spx-font-size-xs)}.sr_95b04bbf{font-size:var(--spx-font-size-sm)}}@media (max-width:600px){:root{--bookshelf-cover-width:var(--spx-unit-28)}}.sr_a882495c{width:100%;min-width:0}.sr_c760b298{width:100%;margin-top:var(--spx-unit-4)}.sr_531a6920{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_84adb757{align-items:center;display:flex}.sr_7c595ba9{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_ce6a3ada{align-items:center;display:inline-flex}.sr_ce6a3ada img{width:var(--spx-unit-5);height:var(--spx-unit-5)}.sr_c1185eb1{width:100%}.sr_c1185eb1>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_c1185eb1 button span{margin-bottom:var(--spx-unit-1);font-size:var(--spx-font-size-xs);line-height:1.2}.sr_c1185eb1 button img{width:var(--spx-unit-8)}@media (max-width:480px){.sr_531a6920{font-size:var(--spx-font-size-xs)}.sr_c1185eb1 button span{font-size:var(--spx-font-size-2xs)}.sr_c1185eb1 button img{width:var(--spx-unit-6)}}@media (max-width:600px){:root{--bookshelf-cover-width:var(--spx-unit-28)}}.sr_7ba9267e{gap:var(--spx-unit-4);grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;display:grid}.sr_5701b279{gap:var(--spx-unit-4);grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-width:0;display:grid}.sr_5701b279>:only-child{grid-column:1/-1}.sr_477e425d{min-width:0;padding-left:var(--spx-unit-4)}.sr_0c50b60d{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_5a38cc86{border-color:var(--carbon-grey-20);border-radius:var(--spx-radius-base);width:100%;padding:var(--spx-unit-4)}.sr_1c1f2361{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_d2fd35fe{-webkit-text-fill-color:initial;color:var(--strawberry-red-100);font-weight:700}.sr_75993704{margin:var(--spx-unit-1) 0 0;align-items:center;display:flex}.sr_75993704 .sr_623d8bab{margin-right:var(--spx-unit-4)}.sr_6d70b4e3{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_6d70b4e3:empty{display:none}@media (max-width:768px){.sr_7ba9267e{grid-template-columns:1fr}.sr_477e425d{padding-left:0}}@media (max-width:480px){.sr_5701b279{grid-template-columns:1fr}.sr_0c50b60d{font-size:var(--spx-font-size-xs)}.sr_5a38cc86,.sr_75993704{font-size:var(--spx-font-size-sm)}.sr_1c1f2361,.sr_6d70b4e3{font-size:var(--spx-font-size-xs)}}@media (max-width:600px){:root{--bookshelf-cover-width:var(--spx-unit-28)}}.sr_45b7e750{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_743b45ca{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_9ab133da{font-size:var(--spx-font-size-base);-webkit-text-fill-color:initial;color:var(--carbon-grey-80);margin:0}.sr_5e426fbc{margin-top:var(--spx-unit-3)}.sr_82ccf45f{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_45b7e750{padding:var(--spx-unit-4);font-size:var(--spx-font-size-sm)}.sr_743b45ca{font-size:var(--spx-font-size-base)}.sr_9ab133da,.sr_45b7e750 button{font-size:var(--spx-font-size-sm)}}.sr_2fb26316{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_92776a3b{-webkit-text-fill-color:initial;color:var(--carbon-grey-90);margin:0;font-weight:700}.sr_d1a5cfa7{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_77aff67e{box-sizing:border-box;width:100%}.sr_b2b6a6b8{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_d93d4f3b{gap:var(--spx-unit-3);flex-wrap:wrap;display:flex}.sr_e87cb211{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_e87cb211>*{align-items:stretch;gap:var(--spx-unit-3);flex:auto;min-width:0;display:flex}.sr_e87cb211:focus-visible{outline:var(--spx-border-size-2) solid var(--sky-blue-100);outline-offset:0}.sr_e87cb211[aria-disabled=true]{cursor:wait;opacity:.65}.sr_e87cb211:hover:not([aria-disabled=true]){border-color:var(--royal-blue-100);background:var(--royal-blue-10)}.sr_e1dd44a8{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_b0567afc{flex-direction:column;flex:auto;align-items:flex-start;min-width:0;display:flex}.sr_9726069f{font-size:var(--spx-font-size-base);-webkit-text-fill-color:initial;color:var(--external-book-fact-value-color);font-weight:700}.sr_ce7e526e{font-size:var(--spx-font-size-sm);-webkit-text-fill-color:initial;color:var(--carbon-grey-60);text-align:left;align-self:stretch}.sr_8ca50071:hover:not([aria-disabled=true]){border-color:var(--strawberry-red-100);background:var(--strawberry-red-10)}.sr_8ca50071:hover:not([aria-disabled=true]) .sr_e1dd44a8{-webkit-text-fill-color:initial;color:var(--strawberry-red-100)}.sr_9cf894eb{margin-top:var(--spx-unit-3)}@media (max-width:600px){:root{--bookshelf-cover-width:var(--spx-unit-28)}}.sr_90f1c173{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_84b98ff8{margin-top:var(--spx-unit-2)}.sr_653cb4e3{justify-content:space-between;align-items:center;gap:var(--spx-unit-3);margin-top:var(--spx-unit-4);flex-wrap:wrap;display:flex}.sr_b3c811c3{align-items:center;gap:var(--spx-unit-3);margin-left:auto;display:flex}@media (max-width:480px){.sr_fa20bc26,.sr_fa20bc26 button{font-size:var(--spx-font-size-sm)}.sr_90f1c173{font-size:var(--spx-font-size-base)}}.sr_86d87040{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_a502ddb8{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_8cddc9c7{-webkit-text-fill-color:initial;color:var(--external-book-shelf-reading-color);background:var(--external-book-shelf-reading-count-background)}.sr_50e84c77{-webkit-text-fill-color:initial;color:var(--external-book-shelf-want-color);background:var(--external-book-shelf-want-count-background)}.sr_c657183d{-webkit-text-fill-color:initial;color:var(--external-book-shelf-finished-color);background:var(--external-book-shelf-finished-count-background)}.sr_17db182d{-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_248a7139{align-items:flex-end}.sr_c6a9712e{--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_af47aa9e{gap:var(--spx-unit-6);text-align:left;flex-direction:column;display:flex}.sr_9fbc4bc1{align-items:flex-start;gap:var(--spx-unit-6);display:flex}.sr_dd5a6f5c{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_dd5a6f5c img{object-fit:cover;width:100%;height:100%;display:block}.sr_087538fd{flex-direction:column;flex:auto;min-width:0;display:flex}.sr_75bd4c8a{min-width:0}.sr_807b4a75{align-items:center;gap:var(--spx-unit-2);padding-right:var(--spx-unit-12);flex-wrap:wrap;display:flex}.sr_11c4b21b{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_e8aba122{font-size:var(--spx-font-size-sm);-webkit-text-fill-color:initial;color:var(--carbon-grey-60);margin:0;font-weight:700}.sr_d8c9f209{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_d8c9f209 p{margin:0 0 var(--spx-unit-2)}.sr_d8c9f209 p:last-child{margin-bottom:0}.sr_181797e3{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_43f35436{margin-top:0}.sr_96b6288c{top:var(--spx-unit-3);right:var(--spx-unit-3);font-size:var(--spx-font-size-sm);position:absolute}.sr_96b6288c:focus-visible,.sr_7461eda5:focus-visible{outline:var(--spx-border-size-2) solid var(--sky-blue-100);outline-offset:0}.sr_3da66be1{flex-wrap:wrap;margin:0;padding:0;display:flex}.sr_a77ddb19{margin:0 var(--spx-unit-6) var(--spx-unit-2) 0;flex-direction:column;display:flex}.sr_8163feaa{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_a84dfc9b{font-size:var(--spx-font-size-base);-webkit-text-fill-color:initial;color:var(--external-book-fact-value-color);margin:0}.sr_f619faf7{-webkit-text-fill-color:initial;color:var(--carbon-grey-60)}@media (max-width:768px){.sr_9fbc4bc1{gap:var(--spx-unit-4)}.sr_dd5a6f5c{flex-basis:var(--spx-unit-24);width:var(--spx-unit-24)}}@media (max-width:480px){.sr_c6a9712e{--modal-content-padding:var(--spx-unit-5) var(--spx-unit-4);max-height:100vh;max-height:100dvh}.sr_dd5a6f5c{flex-basis:var(--spx-unit-20);width:var(--spx-unit-20)}.sr_bb73c427{grid-template-columns:auto minmax(0,1fr);display:grid}.sr_bb73c427 .sr_087538fd{display:contents}.sr_bb73c427 .sr_75bd4c8a{grid-area:1/2}.sr_bb73c427 .sr_d8c9f209{grid-area:2/1/auto/-1;margin-top:0}.sr_bb73c427 .sr_181797e3{grid-area:3/1/auto/-1;margin-top:0}}@media (max-height:700px){.sr_c6a9712e{max-height:100vh;max-height:100dvh;margin-bottom:0}}@media (max-width:600px){:root{--bookshelf-cover-width:var(--spx-unit-28)}}.sr_80419c63{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_80419c63:hover{transform:translateY(calc(var(--spx-unit-1) * -1))}}.sr_80419c63:focus-visible{outline:var(--spx-border-size-2) solid var(--sky-blue-100);outline-offset:0}.sr_2779824f{height:calc(var(--bookshelf-cover-height) - var(--spx-unit-1))}.sr_b02bf325{height:calc(var(--bookshelf-cover-height) - var(--spx-unit-2))}.sr_32360482{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_20b3c250{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_5c157002{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_b5f33b38{align-items:flex-end;gap:var(--spx-unit-0-5);height:100%;display:flex}.sr_51f903d9{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_51f903d9:nth-child(2n){background:var(--bookshelf-empty-spine-background-alt)}.sr_499e82bd{transform-origin:100% 0;rotate:var(--lean-angle);z-index:var(--spx-layer-base-1)}.sr_a95c82cf{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_4741d44e{border-radius:var(--spx-radius-xl) var(--spx-radius-xl) 0 0;position:relative}.sr_89adc4ab{--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_7f8a478e{flex:1;align-items:flex-end;min-width:0;display:flex}.sr_1e9dadb9{justify-content:flex-end}.sr_07925df8{justify-content:flex-start}.sr_e8908c26{flex:0 0 var(--bookshelf-cover-width);width:var(--bookshelf-cover-width)}.sr_4717fe79{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_4717fe79: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_4741d44e{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_4717fe79:before{clip-path:none}}.sr_ccb09e67{--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_3c811d63{grid-template-columns:repeat(var(--shelf-row-columns), var(--bookshelf-cover-width));justify-content:start}.sr_24d10eac+.sr_24d10eac .sr_ccb09e67,.sr_30bd3be9+.sr_24d10eac .sr_ccb09e67{margin-top:var(--spx-unit-6)}.sr_f3b651b0{min-width:0;position:relative}.sr_e1ce43be{z-index:-1;opacity:0;pointer-events:none;position:absolute;top:0;left:0;right:0}.sr_771b19ee{width:var(--bookshelf-cover-width);min-width:0}.sr_9c8ae728{flex:0 0 var(--bookshelf-cover-width);width:var(--bookshelf-cover-width)}.sr_10575862{margin-top:0;padding:0}.sr_b5969b15{--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_20757727{flex:none;width:max-content;min-width:0;max-width:100%}.sr_2906e6e1{flex:none;min-width:0}.sr_24d10eac+.sr_24d10eac .sr_b5969b15{margin-top:var(--spx-unit-6)}.sr_3b3b7f49{margin-top:var(--spx-unit-4)}.sr_07ace5bd{justify-content:flex-start;align-items:flex-end;gap:var(--spx-unit-6);flex-wrap:wrap;display:flex}.sr_49b76fd7{flex-wrap:nowrap}.sr_07ace5bd .sr_771b19ee{flex:0 0 var(--spx-unit-80);width:var(--spx-unit-80);min-width:0;max-width:var(--spx-unit-80)}.sr_cbbec91d .sr_771b19ee{width:auto;max-width:var(--spx-unit-96);flex:1}.sr_07ace5bd .sr_9c8ae728{flex:0 0 var(--bookshelf-cover-width);width:var(--bookshelf-cover-width)}@media (max-width:480px){.sr_07ace5bd .sr_771b19ee{flex:100%;width:100%;max-width:none}}.sr_30bd3be9{min-width:0;position:relative}.sr_360d8b35{z-index:var(--spx-layer-base-1);padding:var(--spx-unit-6) var(--spx-unit-6) 0;position:relative}.sr_ff66b238{align-items:flex-end;gap:var(--spx-unit-5);flex-wrap:wrap;display:flex}.sr_24d10eac+.sr_24d10eac .sr_360d8b35{padding-top:var(--spx-unit-6)}.sr_f43d104b{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_ba7aeff1{flex-wrap:nowrap}@media (max-width:768px){.sr_ccb09e67{--shelf-slot-gap:var(--spx-unit-4);--shelf-row-gap:var(--spx-unit-5);padding:0 var(--spx-unit-3)}.sr_b5969b15{--shelf-slot-gap:var(--spx-unit-4);padding:0 var(--spx-unit-3)}.sr_89adc4ab,.sr_360d8b35{padding-right:var(--spx-unit-4);padding-left:var(--spx-unit-4)}.sr_ff66b238{gap:var(--spx-unit-4)}}@media (max-width:480px){.sr_ccb09e67{--shelf-slot-gap:var(--spx-unit-3);--shelf-row-gap:var(--spx-unit-4);padding:0 var(--spx-unit-1)}.sr_b5969b15{--shelf-slot-gap:var(--spx-unit-3);padding:0 var(--spx-unit-1)}.sr_89adc4ab,.sr_360d8b35{padding-right:var(--spx-unit-2);padding-left:var(--spx-unit-2)}.sr_ff66b238{gap:var(--spx-unit-3)}}@media (max-width:600px){:root{--bookshelf-cover-width:var(--spx-unit-28)}}.sr_9be524ef{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_9be524ef: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_08e2323a{--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_4495db89{--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_44a5172a{--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_f0d0dd2c{--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_6dd1846d{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_330f998e{-webkit-text-fill-color:initial;width:100%;color:inherit;cursor:pointer;background:0 0;border:none;padding:0;text-decoration:none;display:block}.sr_4d7634a7{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_b2873208{padding:var(--spx-unit-5) var(--spx-unit-4);border:none}.sr_00d15e50{cursor:default}.sr_31a8b978{cursor:not-allowed}.sr_e690332c{font-size:var(--spx-font-size-2xl)}.sr_2096c2c1{padding:0 var(--spx-unit-2);font-size:var(--spx-font-size-sm);font-weight:700;line-height:1.2}@media (hover:hover){.sr_330f998e:not(.sr_00d15e50,.sr_31a8b978):hover .sr_4d7634a7{border-color:var(--slate-grey-40);-webkit-text-fill-color:initial;color:var(--slate-grey-80);background:var(--bookshelf-slot-hover-background)}}.sr_330f998e:focus-visible{outline:none}.sr_330f998e:focus-visible .sr_4d7634a7{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_4d7634a7{gap:var(--spx-unit-1-5)}.sr_e690332c{font-size:var(--spx-font-size-xl)}.sr_2096c2c1{font-size:var(--spx-font-size-xs)}}@media (max-width:480px){.sr_e690332c{font-size:var(--spx-font-size-lg)}.sr_2096c2c1{font-size:var(--spx-font-size-2xs)}}@media (max-width:600px){:root{--bookshelf-cover-width:var(--spx-unit-28)}}.sr_d402ded5{--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_75409749{right:var(--spx-unit-7)}.sr_68aea507{padding-top:var(--spx-unit-10)}.sr_d402ded5: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_e8630f73{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_11d04199{justify-content:center;align-items:center;display:flex}.sr_11d04199 img{width:var(--spx-unit-4);height:var(--spx-unit-4)}.sr_c9d8289d{-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_8fc8b00c{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_8fc8b00c:hover{transform:translateY(calc(var(--spx-unit-1) * -1))}}.sr_e249d801{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_d5e8ddc7{align-items:flex-end;gap:var(--spx-unit-5);flex-direction:row;width:100%;min-width:0}.sr_d5e8ddc7 .sr_8fc8b00c{flex:0 0 var(--bookshelf-cover-width);order:-1}.sr_e249d801:focus-visible{outline:none}.sr_e249d801:focus-visible .sr_8fc8b00c{outline:var(--spx-border-size-2) solid var(--sky-blue-100);outline-offset:0}.sr_727f3530{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_578fd4ea{-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_51b301ed{-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_75f0fa9a{margin-top:var(--spx-unit-1);align-items:center;display:flex}.sr_f2d71fc2{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_ea7dafae{margin-right:var(--spx-unit-2);align-items:center;display:inline-flex}.sr_ea7dafae img{width:var(--spx-unit-6);height:var(--spx-unit-6)}.sr_02ad1e72{-webkit-text-fill-color:initial;color:var(--sky-blue-100);font-size:var(--spx-font-size-base)}@media (max-width:768px){.sr_f2d71fc2,.sr_02ad1e72{font-size:var(--spx-font-size-sm)}.sr_ea7dafae img{width:var(--spx-unit-5);height:var(--spx-unit-5)}}@media (max-width:480px){.sr_578fd4ea{font-size:var(--spx-font-size-sm)}.sr_51b301ed,.sr_f2d71fc2,.sr_02ad1e72{font-size:var(--spx-font-size-xs)}.sr_ea7dafae 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_56a6f807{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_91b0796f{gap:var(--spx-unit-12);margin-bottom:var(--spx-unit-10);flex-direction:column;display:flex}.sr_2d5ccb39{padding-right:var(--spx-unit-6);padding-left:var(--spx-unit-6)}.sr_560afff3{justify-content:center;width:max-content;margin:0 auto 0 0;font-weight:700;display:flex}.sr_560afff3>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_560afff3>button{margin-right:var(--spx-unit-2)}}.sr_560afff3>button.sr_31a903eb{border-bottom:var(--spx-border-size-3) solid var(--colours-selected);margin-bottom:-1px}.sr_a053d5ab{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_a053d5ab>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_a053d5ab>button.sr_31a903eb{background-color:var(--colours-primary);-webkit-text-fill-color:initial;color:var(--colours-text-on-primary)}.sr_5b71e07d{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_5b71e07d{padding:var(--spx-unit-4)}}.sr_5b71e07d h1{margin:0}.sr_ab5552e4{border-collapse:collapse;flex-direction:column;align-items:center;min-width:90%;margin-bottom:15px;display:flex;overflow-y:auto}.sr_53d95fdd{font-size:var(--spx-font-size-base);flex:none;align-items:center;width:98%;margin-bottom:5px;display:flex}.sr_53d95fdd .sr_6ab378db{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_53d95fdd .sr_6ab378db.sr_1d3acfa7{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_53d95fdd .sr_6ab378db.sr_bc9e3c0a{cursor:pointer}.sr_53d95fdd .sr_6ab378db.sr_bc9e3c0a:hover{background-color:var(--colours-leaderboard-row-hover-background,var(--colours-light-background))}.sr_dbc6cff5{cursor:pointer}.sr_dbc6cff5:hover{background-color:var(--colours-leaderboard-row-hover-background,var(--colours-light-background))}.sr_36af34dd{width:40px;font-weight:700;font-size:var(--spx-font-size-base);text-align:left;flex:none}.sr_36af34dd.sr_66c85c86{padding-left:var(--spx-unit-2-5)}.sr_36af34dd.sr_66c85c86[data-digits="3"]{padding-left:var(--spx-unit-1-5)}.sr_36af34dd.sr_66c85c86[data-digits="4"]{padding-left:0}.sr_2ce8d0e6{background-color:var(--colours-light-background);text-align:center;border-radius:100px;min-width:24px;display:inline-block}[data-digits="2"] .sr_2ce8d0e6{width:25px;line-height:25px}[data-digits="3"] .sr_2ce8d0e6{width:35px;line-height:35px}[data-digits="4"] .sr_2ce8d0e6{width:45px;line-height:45px}.sr_a4d01d74{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_a4d01d74 .sr_68d26fca{-webkit-text-fill-color:initial;color:var(--colours-read-text)}.sr_7b2d7d88{margin-left:var(--spx-unit-2);flex-shrink:0;align-items:center;display:inline-flex}.sr_53d95fdd .sr_6ab378db.sr_1d3acfa7 .sr_a4d01d74 .sr_68d26fca{-webkit-text-fill-color:initial;color:var(--colours-leaderboard-no-xp-text,var(--colours-read-text))}.sr_acee8ffb{text-align:right;width:100px;padding-right:var(--spx-unit-2-5);white-space:nowrap}.sr_14ff0abb{width:100%}.sr_14ff0abb .sr_6ab378db{background:var(--colours-leaderboard-current-user-background,var(--colours-secondary));-webkit-text-fill-color:initial;color:var(--colours-text-on-primary)}.sr_14ff0abb .sr_a4d01d74{font-weight:700}.sr_14ff0abb .sr_2ce8d0e6{background-color:var(--colours-plain-background);-webkit-text-fill-color:initial;color:var(--colours-text-body)}.sr_25623909{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_25623909:hover,.sr_25623909[data-state=open]{background-color:var(--colours-light-background)}.sr_25623909 svg{width:var(--spx-unit-4);height:var(--spx-unit-4)}.sr_4cedaf35{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_aa39a705{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_aa39a705:hover,.sr_aa39a705[data-highlighted]{background-color:var(--colours-light-background)}.sr_4404a4a5{text-align:left}.sr_e5af6bcf{font-size:var(--spx-font-size-lg);font-weight:700}.sr_634d2bd2,.sr_e7fb3943{margin-top:var(--spx-unit-4)}.sr_d6a41dd9{margin-top:var(--spx-unit-8)}.sr_d6a41dd9>*{margin-left:var(--spx-unit-3)}.sr_d6a41dd9>:first-child{margin-left:0}.sr_a870556e{font-size:var(--spx-font-size-2xl);text-align:center;margin:0 auto var(--spx-unit-8);flex:none}.sr_727b92ca{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_727b92ca: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_9a5d79ab{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_9a5d79ab{font-size:var(--spx-font-size-sm)}}@media (max-width:480px){.sr_9a5d79ab{font-size:var(--spx-font-size-xs);border-bottom:none}}.sr_3fad78e3{background-color:var(--colours-plain-background);border-radius:var(--spx-radius-md);max-width:100%}.sr_a20260e7{white-space:nowrap;height:24px}.sr_ff4f4872{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_ff4f4872 .sr_99cec36c{flex:auto}.sr_ff4f4872 strong{margin-right:var(--spx-unit-3)}.sr_ff4f4872 button{cursor:pointer}.sr_e2d23311{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_e2d23311{max-width:unset;padding:var(--spx-unit-5) var(--spx-unit-8);font-size:var(--spx-font-size-sm)}}.sr_e2d23311 .sr_e2d23311:focus{outline:none}.sr_e2d23311 .sr_0dc17e0b{text-align:center;font-weight:700;font-size:var(--spx-font-size-3xl);margin:0}@media (max-width:768px){.sr_e2d23311 .sr_0dc17e0b{font-size:var(--spx-font-size-2xl)}}.sr_e2d23311 .sr_18233a39{margin:var(--spx-unit-5) 0}.sr_e2d23311 .sr_18233a39 .sr_2be9b624{font-size:var(--spx-font-size-xl);margin:0 0 var(--spx-unit-4);font-weight:700}@media (max-width:768px){.sr_e2d23311 .sr_18233a39 .sr_2be9b624{font-size:var(--spx-font-size-xl)}}.sr_e2d23311 .sr_18233a39 span{margin:0;display:block}.sr_e2d23311 .sr_18233a39 a{-webkit-text-fill-color:initial;color:var(--colours-primary)}.sr_e2d23311 .sr_18233a39 a:hover{-webkit-text-fill-color:initial;color:var(--colours-primary-dark)}.sr_e2d23311 .sr_6252ffbf{margin-top:var(--spx-unit-8);justify-content:center;display:flex}.sr_e2d23311 .sr_6252ffbf button{margin:0 var(--spx-unit-2-5)}@media (max-width:480px){.sr_e2d23311 .sr_6252ffbf{margin-top:var(--spx-unit-8)}}.sr_0e42f838{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_0e42f838{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_0e42f838 span{margin-bottom:var(--spx-unit-1)}}.sr_3ea8d3e0{align-items:center;display:flex}.sr_3ea8d3e0>:first-child:after{content:"On";visibility:hidden;height:0;font-weight:700;display:block}.sr_3ea8d3e0 .sr_b5f78687{font-weight:700}.sr_2f83d677{margin:0 var(--spx-unit-2)}.sr_229fcf1b{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_51b1ae51{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_51b1ae51[data-state=checked]{background-color:var(--colours-opted-out);transform:translate(30px)}@layer reset,base,tokens,framework;@layer spxdesign{.sr_d03b5f10{flex:none;width:90%;margin-bottom:15px;position:relative}.sr_d03b5f10 .sr_2b2e92e6{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_d03b5f10 .sr_3c2c1709{position:absolute;top:20px}.sr_d03b5f10 .sr_3c2c1709.sr_387c7735{left:-25px}.sr_d03b5f10 .sr_3c2c1709.sr_ef5ebeb9{right:-25px}}@layer recipes,components,utilities;.sr_afef0b9d 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_afef0b9d 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_afef0b9d .sr_5d39bd63{margin:0 auto;position:absolute;top:-20px;left:50%;transform:translate(-50%)}